@charset "utf-8";
/* CSS Document2023 */

:root{
	--border-color: #e7eaf3;
}
body{
	font-family: "Noto Serif SC",PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑,STHeitiSC-Light,simsun,宋体,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif";
	color: #000;
}
a{
	color: #000;
}
[v-cloak] {
	display: none!important;
}

.btn-soft-light {
	color: #f7faff;
	background-color: rgba(247, 250, 255, .1);
	border-color: transparent
}

.btn-check:focus+.btn-soft-light,
.btn-soft-light:focus,
.btn-soft-light:hover {
	color: #000;
	background-color: #f7faff
}

.btn-check:active+.btn-soft-light,
.btn-check:checked+.btn-soft-light,
.btn-soft-light.active,
.btn-soft-light:active,
.show>.btn-soft-light.dropdown-toggle {
	color: #000;
	background-color: #f7faff;
	border-color: transparent
}

.btn-soft-light.disabled,
.btn-soft-light:disabled {
	color: #f7faff;
	background-color: #f7faff;
	border-color: transparent
}

p{
	/* font-size: 0.875rem; */
}

.img-responsive,
.img-fluid,
.media-img {
	border-radius: 3px;
}

/* 公共样式 */
.img-fluid,
.img-responsive {
	width: 100%;
}
.h10 {
	height: 10px;
	background: #f8f8f9;
}
.ellipsis-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}
.ellipsis-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.ellipsis-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.text-red{
	color: #FF0000;
}
.custom-control-label{
	font-size: 0.875rem;
}
.control-label{
	font-size: 0.875rem;
}

.has-error .help-block,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
	color: #dc3545;
	font-size: 0.875rem;
}

.has-error .form-control {
	border-color: #dc3545 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
}

.has-error .form-control:focus {
	border-color: #dc3545 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(220, 53, 69, .6) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(220, 53, 69, .6) !important;
}

.has-error .input-group-addon {
	color: #dc3545;
	background-color: #f2dede;
	border-color: #dc3545;
}

.has-error .form-control-feedback {
	color: #dc3545;
}

.modal-title{
	font-size: 1rem;
}

/* 头部 */
.navbar-topbar{
	font-size: 0.75rem;
	color: #fff;
	background-color: var(--main-bg);
}
.navbar-topbar a{
	color: rgba(255,255,255,1);
}
.navbar-topbar a:hover{
	color: rgba(255,255,255,.75);
}
.navbar-topbar .nav-item:hover>.dropdown-menu {
	display: block;
}
.header {
	padding: 0;
	display: block;
	transition: none;
}

.header .navbar-sticky {
	background-color: #fff;
	box-shadow: 0 .375rem 1.5rem 0 rgba(140, 152, 164, .125);
}
/* 头部置顶 */
.navbar-sticky.navbar-stuck {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-animation: navbar-show .3s;
    animation: navbar-show .3s;
    z-index: 1030;
	transition: .3s ease;
}
@keyframes navbar-show {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
/* end */
.placeholder-height{
	height: 16px;
}

.header .navbar-toggler .icon-bar {
	background-color: #333;
}

.header .navbar-nav .nav-link {
	font-size: 1rem;
	color: #333;
	/* padding: 0.9375rem 1rem; */
	padding: 1.5rem 1rem;
}
.header .navbar-sticky.navbar-stuck .navbar-nav .nav-link {
    padding: 1rem;
}

.header .navbar-nav .nav-link:hover,
.header .navbar-nav .nav-link:focus {
	color: #007bff;
}

.header .head-menu .nav-link {
	padding: 0.8125rem 0;
}
.header .navbar-brand{
	padding: 1.25rem 0;
	font-size: 0;
	line-height: 1;
}
.header .navbar-brand img {
	height: 30px;
}
.header .icon-new{
	position: absolute;
	top: 14px;
	/* right: -41px; */
	color: #fc3b3b;
	font-size: 25px;
}
.header .navbar-sticky.navbar-stuck .icon-new {
    top: 4px;
}


.msearch{
	font-size: 0.875rem;
	cursor: pointer;
}
.msearch:hover{
	color: #007bff;
}
.msearch i {
	font-size: 1rem;
	font-weight: bold;
}

a.nav-head img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-right: 0.25rem;
}
/*搜索弹出层*/
.search-box {
	background-color: #fff;
}

.search-box .modal-content,.search-box .modal-header {
	border: 0;
}

/* sousuo */
.nav-search-box {
	position: relative;
}

.nav-search-btn {
	border: 0;
	background: #fff;
	position: absolute;
	top: 6px;
	right: 10px;
	font-size: 16px;
	font-weight: bold;
	outline: none;
}

.nav-search-btn i {
	font-weight: bold;
}

.head-name {
	font-size: 0.875rem;
}

@media (max-width: 767px) {
	.header .navbar-brand img {
		margin: auto;
		height: 20px;
	}
	.header .navbar-nav .nav-link {
		padding: 0.5rem 0;
	}

	.placeholder-height {
		height: 0px;
	}
	.navbar-sticky.navbar-stuck{
		position: static;
	}
	.navbar-topbar{
		display: none;
	}

}
.wap-nav{
}
.wap-nav .wap-nav-offset{
	height: 30px;
}
.wap-nav .navbar-nav{
	position: fixed;
	bottom: 0;
	left:0;
	right: 0;
	background-color: #fff;
	z-index: 9999;
	-ms-flex-direction: row;
	    flex-direction: row;
	border-top: #dee2e6 solid 1px;
}
.wap-nav .navbar-nav .nav-link {
	font-size: 0.75rem;
    white-space:nowrap;
	padding: 0.5rem 1rem !important;
	text-align: center;
}
.wap-nav .navbar-nav .nav-link.active{
	color: #007bff;
}
.wap-nav .navbar-nav .nav-link .icon{
	display: block;
	font-size: 1.25rem;
}
.wap-nav .navbar-nav .dropdown-menu{
	border-top: 0;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
}

/* 头部end */
/*Footer-v1
------------------------------------*/
.footer {
	background: var(--main-bg);
	overflow: hidden;
}
.footer-space{
	padding-top: 4rem!important;
	padding-bottom: 4rem!important;
 }
.border-white-10 {
    border-color: rgba(255,255,255,.1)!important;
}

.footer p {
	font-size: 0.875rem;
	color: #eee;
}

.foot-about {
	margin: 0;
}

.foot-about a {
	font-size: 0.875rem;
	color: #eee;
	margin-right: 20px;
	margin-bottom: 1rem;
	display: inline-block;
}

.foot-about a:hover {
	color: var(--primary);
}

.foot-ewm img {
	margin-bottom: 10px;
}

/*Copyright*/
.footer .copyright {
	background: var(--main-bg);
	padding: 2rem 0;
}

.footer .copyright p {
	font-size: 0.875rem;
	color: rgba(255,255,255,.5);
	line-height: 1;
}

.footer .copyright a {
	color: rgba(255,255,255,.5);
}
.footer .copyright a:hover {
	color: #fff;
}

.footer .pc_inline {
	margin-left: 5px;
	margin-right: 5px;
}

@media (max-width: 767px) {
	.footer {
		padding: 20px 0;
	}

	.footer a {
		font-size: 0.75rem;
		margin-right: 0.3rem;
	}

	.footer p {
		margin-bottom: 0px;
	}

	.copyright p {
		font-size: 0.75rem;
		text-align: center;
		margin-top: 8px;
	}
}

.head-title {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	/* height: 44px; */
	line-height: 1;
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}

.head-title-title {
	font-size: 18px;
}

.head-title-more a {
	font-size: 12px;
	color: #777777;
}
/*栏目标题样式*/
.heading {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	/* height: 44px; */
	line-height: 1;
	width: 100%;
	margin-top: 1.5rem;
	margin-bottom: 0.75rem;
}
.heading:after{
	border: 0!important;
}

.heading-title {
	font-size: 1.125rem;
	margin-bottom: 0;
}
.heading-column-title {
	font-size: 1.125rem;
}
.heading-more .btn-sm{
	padding: 0.25rem 0.5rem;
	font-size: .75rem;
	line-height: 1;
	border-radius: 0.125rem;
}

.headline {
    border-bottom: 1px solid #e4e9f0;
    display: block;
    margin: 10px 0 20px;
}
.headline h2 {
    font-size: 1.125rem;
	color:#007bff;
	border-bottom: 2px solid #007bff;
	display: inline-block;
	margin: 0 0 -2px;
	padding-bottom: 10px;
}

.headline .head-more {
	font-size: 0.75rem;
}

.info-more {
	font-size: 0.75rem;
	color: #787878;
	position: relative;
	display: inline-block;
}


.info-more::after {
	font-family: "iconfont" !important;
	content: '\e6a3';
}
.info-more-span {
	font-size: 0.75rem;
	color: #787878;
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.info-more-span:hover {
	color: var(--primary);
}
.headline-center{
	margin-bottom: 30px;
	text-align: center;
}
.headline-center::after{
	content: '';
	display: inline-block;
	border-top: #f90 solid 4px;
	width:3rem;
}
.headline-center-title{
	font-size: 1.5rem;
	text-align: center;
	margin-bottom: 0;
}


/* WAP端子导航菜单 */
.sub-navbar {
	border-bottom: #eee solid 1px;
	background-color: #fff;
	padding: 5px 0;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	margin-bottom: 10px;
}

.sub-navbar-logo {
	padding: 8px 0;
}

.sub-navbar-logo img {
	width: 25px;
	height: 25px;
	border-radius: 50%;
}

.sub-navbar-item {
	overflow-x: auto;
}

.sub-navbar-item a {
	font-size: 16px;
	padding: 10px 10px;
	display: inline-block;
}
.sub-navbar-item .active{
	color:#007bff;
	font-weight: 600;
}

@media (max-width: 767px) {
	.sub-navbar {
		margin-bottom: 0;
	}
}

/* 首页瀑布流导航菜单  */
.list-box .list-nav {
	overflow: hidden;
	box-sizing: border-box;
	/* padding-right: 35px; */
	position: relative;
	height: 33px;
	margin-bottom: 20px;
	border-bottom: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	z-index: 9;
}

.list-box .nav-arrow {
	position: absolute;
	right: 0;
	height: 30px;
	line-height: 30px;
	padding-left: 40px;
	z-index: 3;
	background-color: #FFFFFF;
}

.list-box .nav-arrow span {
	display: inline-block;
	border: 6px solid transparent;
	cursor: pointer;
}

.list-box .nav-arrow .arrow-prev {
	border-right-color: #8DC4FF;
	margin-right: 5px;
}

.list-box .nav-arrow .arrow-prev.active {
	border-right-color: #007bff;
}

.list-box .nav-arrow .arrow-next {
	border-left-color: #8DC4FF;
}

.list-box .nav-arrow .arrow-next.active {
	border-left-color: #007bff;
}

.list-box .nav {
	font-size: 0;
	padding-top: 0px;
	white-space: nowrap;
	position: absolute;
	z-index: 2;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.list-box .nav li {
	color: #000000;
	font-size: 1rem;
	padding: 0 0px 7px;
	white-space: nowrap;
	margin-right: 33px;
	cursor: pointer;
	position: relative;
	z-index: 99;
}

.list-box .nav li:after {
	content: '';
	display: inline-block;
	width: 0%;
	height: 3px;
	background: #007bff;
	position: absolute;
	bottom: -1px;
	left: 50%;
	transform: translateX(-50%);
	transition: width 1s;
	
}

.list-box .nav li:hover:after,
.list-box .nav li.current:after {
	width: 50%;
	transition: width .5s;
}
.list-box .nav li.current a {
	color: #007bff;
}



/* 首页 */
@media (min-width: 1400px) {
	.pe-xxl-5{
		padding-right: 3rem;
	}
}
.slide .swiper-pagination,
.m-slide .swiper-pagination {
	text-align: right;
	padding-right: 10px;
}

.slide .img-responsive,.slide .img-fluid,.info-slide img {
	width: 100%;
	height: 400px;
}
@media (min-width: 1400px) {
  .slide .img-responsive,.slide .img-fluid,.info-slide img {
    width: 100%;
    height: 418px;
  }
}
.focus-card {
	display: block;
	position: relative;
}

.focus-card p {
	font-size: 1.25rem;
	font-weight: normal;
	color: #fff;
	line-height: 1.5;
	width: 100%;
	margin: 0;
	padding: 50px 15px 10px;
	/* background: rgba(0, 0, 0, 0.4); */
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0, 1)));
	background-image: linear-gradient(180deg, transparent, rgba(0,0,0, 1));
}
@media (max-width: 767px) {
	.focus-card p {
		font-size: 1rem;
		font-weight: 500;
	}
}

.recommend .media-heading {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.2;
	margin-top: 0px;
	margin-bottom: 0.5rem;
}
.recommend .toutiao {
	font-size: 1.5rem;
	font-weight: bold;
	color: #2E3EA2;/* #202A6D; */
	line-height: 1.2;
	margin-top: 0px;
	margin-bottom: 0.5rem;
}

.recommend p {
	font-size: 0.875rem;
	color: #787878;
	margin-bottom: 0;
}

.recommend time {
	font-size: 0.75rem;
	color: #a7a7a7;
}

.recommend-img {
	width: 276px;
	height: 155px;
}
@media (max-width: 767px) {
	.recommend .media-heading {
		color: #2E3EA2;
		margin-top: 0px;
	}
	.recommend-img {
		width: 8.75rem;
		height: 4.9375rem;
	}
}
.news-card{
	border: 0;
	height: 100%;
}
.news-card .card-body{
	background-color: #f7faff;
	padding: 0.5rem 0.625rem;
}
.news-card .card-title{
	font-size: 1rem;
	line-height: 1.5;
	height: 50px;
	overflow: hidden;
	margin: 0;
	
}
/* .news-card .jx-badge{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	margin-top: 0;
} */
@media (min-width: 768px) {
	.news-card img {
		max-height: 135px;
	}
}
.tag-card img{
		max-height: 135px;
	}
@media (max-width: 767px) {
	.news-card,.info-card{
		display: flex;
		flex-direction: row;
		height: auto;
		margin-bottom: 1rem;
	}
	.news-card .img-hover,.info-card .img-hover{
		flex-shrink: 0;
	}
	.news-card img,.info-card img {
		width: 8.75rem;
		height: 4.9375rem;
		margin-right: 0.625rem;
		border-radius: 3px;
	}
	.news-card .card-body,.info-card .card-body{
		background-color: #fff;
		padding: 0 !important;
	}
}
.index-latest .recommend-img {
	width: 240px;
	height: 140px;
}

/*Image Hover v1*/
.img-hover,
.img-hover-v2 {
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 3px;
}

.img-hover:after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: " ";
	position: absolute;
	background: none;
}

.img-hover img,
.img-hover:after,
.img-hover-v2 img,
.img-hover:after {
	transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}

.img-hover:hover img,
.img-hover-v2:hover img {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

/* 首页快讯情报 */
.newsflash{
	margin-bottom: 1rem;
	overflow: hidden;
}
.newsflash ul,.newsflash ul>li{
	position: relative;
}
.newsflash ul:before {
	top: 5px;
	bottom: 0px;
	position: absolute;
	content: " ";
	width: 2px;
	background-color: #E0EFFF;
	left: 4px;
}
.newsflash ul>li{
	padding-left: 1.25rem;
	margin-bottom: 1rem;
	position: relative;
}
.newsflash ul>li:before {
	position: absolute;
	content: " ";
	display: block;
	width: 10px;
	height: 10px;
	background-color: #007bff;
	border: #007bff solid 4px;
	border-radius: 50%;
	left: 0;
	top: 4px;
	
}

.newsflash .title-text {
	font-size: 0.875rem;
	color: #333;
	line-height: 1.5;
	margin-top: 0;
	position: relative;
	margin-bottom: 0;
	cursor: pointer;
}
.newsflash .title-text:hover{
	color: var(--primary);
}

.newsflash-title p {
	font-size: 0.75rem;
	color: #999;
	margin-bottom: 0.375rem;
}
.newsflash.noline ul:before {
	background-color: transparent;
}
.newsflash.noline ul>li{
	padding-left: 1rem;
}
.newsflash.noline ul>li:before {
	position: absolute;
	content: " ";
	display: block;
	width: 6px;
	height: 6px;
	top: 6px;
	background-color: #999;
	border: #999 solid 4px;
	
}
.newsflash.noline p {
	
}


.qingbao.qingbao-aside ul:before {
	display: none;
}
.qingbao.qingbao-aside ul>li{
	padding-left: 1rem;
}
.qingbao.qingbao-aside ul>li:before {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	left: 0;
	top: 6px;
	
}

h2.intelligence-item-title{
	font-size: 1.125rem;
	font-weight: 700;
	margin-bottom: 0.5rem;
}

/* end */
/* 投融资数据 */
.invest-item{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 0.875rem;
	border-bottom: #e7eaf3 solid 1px;
	padding: 0.75rem 0;
}

.invest-item:first-child{
	border-top: 0;
}
.invest-item-left{
	flex: 1 1 auto;
}
.invest-item-right{
	flex: 0 1 auto;
}
.invest-name{
	margin-right: 0.625rem;
}
.invest-tag span{
	font-size: 0.75rem;
	color: var(--primary);
	background-color: rgba(204,229,255, 0.5);
	line-height: 1;
	padding: 3px 0.5rem;
	display: block;
}
.invest-desc{
	color: #787878;
}
.invest-amount{
	font-size: 0.75rem;
	background-color: #f7faff;
	line-height: 1;
	padding: 4px 0.5rem;
	display: block;
	white-space: nowrap;
}
.invest-date{
	font-size: 0.875rem;
	color: #787878;
}
/* 首页企业号列表 */
.qiyehao-item{
	align-items: center;
	margin-bottom: 1.25rem;
}


.qiyehao-item .media-heading {
	font-size: 14px;
	line-height: 18px;
	/* height: 36px; */
	overflow: hidden;
	margin-bottom: 0.5rem;
}

.qiyehao-item p {
	font-size: 12px;
	color: #999;
	margin: 0;
}

.comlist {
	/* border-bottom: #ddd solid 1px; */
	margin-bottom: 1rem;
	padding-top: 0px;
}

.comlist .media-object {
	width: 107px;
	height: 60px;
	border-radius: 4px;
}


.comlist .media-heading {
	font-size: 0.875rem;
	line-height: 20px;
	/* height: 36px; */
	overflow: hidden;
	margin-bottom: 0.5rem;
}

.comlist p {
	font-size: 12px;
	color: #787878;
	line-height: 1;
	margin: 0;
}

.comad img {
	width: 165px;
	height: 78px;
}
#kxbox{
	position: sticky;
	position: -webkit-sticky;
	top: 70px;
}



@media (max-width: 767px) {
	.pos-title {
		display: flex;
		justify-content: space-between;
		position: relative;
		margin-bottom: 1rem;
		margin-top: 1.5rem;
	}

	.pos-title:before {
		content: ' ';
		width: 3px;
		height: 18px;
		background-color: var(--primary);
		position: absolute;
		left: 0;
		top: 1px;
	}

	.pos-title h2 {
		font-size: 1.125rem;
		margin: 0;
		padding-left: 0.625rem;
		position: relative;
	}

	.title-more {
		font-size: 0.75rem;
		color: #999;
	}

	.title-more:after {
		font-family: "iconfont";
		content: '\e6a3';
		font-size: 0.75rem;
	}
	.slide .img-responsive,.slide .img-fluid,.info-slide img {
		width: 100%;
		height: 13.125rem;
	}
}
/* WAP2023 快讯&推荐 */
.m-newsflash-slide{
	height: 178px;
	background-color: #f7faff;
	overflow: hidden;
}
.m-newsflash{
	display: flex;
	flex-direction: row;
}
.m-newsflash-label{
	display: flex;
	flex-direction: column;
	padding-top: 0.25rem;
}
.m-newsflash-label .label-tag{
	font-size: 0.75rem;
	color: #fff;
	font-weight: 500;
	text-align: center;
	line-height: 1;
	padding: 4px 8px;
	background-color: #007bff;
	border-radius: 0.25rem;
}
.m-newsflash-label .label-time{
	font-size: 0.875rem;
	font-weight: 700;
	color: #007bff;
	text-align: center;
}
.m-newsflash-title{
	font-size: 1rem;
	font-weight: normal;
	margin-left: 1rem;
}

/* WAP新版快讯&热闻榜 */

.m-kxbox .nav-tabs .nav-item {
	padding-left: 1rem;
	padding-right: 1rem;
}

.m-kxbox .nav-tabs .nav-link {
	padding: 0.652rem 0 0.5rem 0;
	font-size: 1rem;
	/* color: #999; */
	position: relative;
	border: none;
	outline: none;
	display: inline-flex;
	align-items: center;
}

.m-kxbox .nav-tabs .nav-link:hover {
	color: var(--primary);
}

.m-kxbox .nav-tabs .nav-link:before,
.m-kxbox .nav-tabs .nav-link:after {
	position: absolute;
	content: '';
}

.m-kxbox .nav-tabs .nav-link:after {
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background-color: var(--primary);
	opacity: 0;
}

.m-kxbox .nav-tabs .nav-link.active {
	color: var(--primary);
	border: none;
	background-color: transparent;
}

.m-kxbox .nav-tabs .nav-link.active:after {
	opacity: 1;
}

.hot-index .hotitem:last-child {
	border-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* 移动端左右滑动 */
.m-slide-column {
	display: flex;
	flex-direction: column;
	position: relative;
	background: #fff;
	padding: 1rem 0;
	border-bottom: 1px solid #EEEEEE;
}


.column-box {
	overflow-x: auto;
	position: relative;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 0.1875rem;
	margin-top: -0.1875rem;
	transform: translateY(0.1875rem);
	margin-right: -15px;
}

.column-box::-webkit-scrollbar {
	display: none
}

.column-list {
	white-space: nowrap;
	display: flex;
	flex-wrap: nowrap;
	margin: 0;
	padding: 0;
	list-style: none;
}

.column-item {
	margin-right: 1rem;
	position: relative;
	width: 12.5rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.column-item-card {
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
}

.column-item-card .card-img {
	width: 100%;
	position: relative;
	border-radius: 0;
	overflow: hidden;
}

.column-item-card .card-img img {
	width: 200px;
	height: 120px;
	border-radius: 3px;
	min-width: 200px;
}

.column-item-card .card-title {
	font-size: 1rem;
	line-height: 1.5;
	color: #333;
	font-weight: 500;
	margin-top: 10px;
	margin-bottom: 10px;
	word-wrap: break-word;
	white-space: normal;
	height: 52px;
	overflow: hidden;
	
	/* text-overflow: -o-ellipsis-lastline;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  line-clamp: 2;
	  -webkit-box-orient: vertical; */
}

.card-bottom {
	display: flex;
	justify-content: space-between;
	font-size: 0.75rem;
	color: #999;
}

.m-newslist {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0px;
	margin-top: -0.5rem;
}

.m-newslist .media {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 10px;
	margin-top: 10px;
	position: relative;
}

.m-newslist .media:after {
	position: absolute;
	z-index: 3;
	right: 0;
	bottom: 0;
	left: 0px;
	height: 1px;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	background-color: #e9eaec;
}

/* .m-newslist .media:last-child:after{
	height: 0px;
} */
.m-newslist .media:hover,
.m-newslist .media:focus {
	color: #333;
}

.m-newslist .media-img {
	width: 8.75rem;
	height: 4.9375rem;
	margin-left: 0.625rem;
	border-radius: 3px;
}

.m-newslist .media-body {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 5.9375rem;
}

.m-newslist .media-heading {
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 500;
	margin-bottom: 0.5rem;
}

.m-newslist .media-foot {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.m-newslist .media-foot span,
.m-newslist .media-foot time {
	font-size: 0.75rem;
	color: #999;
	line-height: 1;
	margin: 0;
	padding: 0;
}

.media-more {
	font-size: 0.875rem;
	color: #f90;
	text-align: center;
	padding: 10px 20px;
}

.m-newslist .mcard {
	display: block;
	position: relative;
	border: 0;
	border-radius: 0;
}

.m-newslist .mcard-img {
	width: 100%;
	height: 12.5rem;
	border-radius: 3px;
}

.m-newslist .mcard-body {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	padding: 15px 10px;
}

.m-newslist .mcard-heading {
	font-size: 1rem;
	line-height: 1.5;
	font-weight: normal;
	color: #fff;
}

.m-newslist .mcard-foot {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.m-newslist .mcard-foot span,
.m-newslist .mcard-foot time {
	font-size: 0.75rem;
	color: #999;
	line-height: 1;
	margin: 0;
	padding: 0;
}

/* 加载中 */
.loading-text {
	font-size: 0.875rem;
}

.jx-badge {
	font-size: 0.75rem;
	line-height: 1;
	padding: 0.1875rem 0.5rem;
	color: #ffffff;
	background-color: #dd524d;
	border-radius: 2px;
	vertical-align: middle;
	margin-right: 0.25rem;
	display: inline-block;
	margin-top: -3px;
	font-weight: normal;
}
.qb-badge {
	font-size: 0.75rem;
	line-height: 1;
	padding: 0.1875rem 0.5rem;
	color: #ffffff;
	background-color: #007AFC;
	border-radius: 2px;
	vertical-align: middle;
	margin-right: 0.25rem;
	display: inline-block;
	margin-top: -3px;
}

.content {
	padding-top: 30px;
	padding-bottom: 30px;
}


.pc_right_ad img{
	margin-bottom: 1rem;
}
/* 文章列表 */
.article-item {
	/* border-bottom: #ededed solid 1px;
	margin-bottom: 1.5rem; */
	padding-bottom: 1.5rem;
}

.article-item .media-img {
	width: 240px;
	height: 140px;
	display: block;
	overflow: hidden;
	position: relative;
}
.article-item-channel{
	font-size: 0.75rem;
	color: #fff;
	text-align: center;
	background: #373737;
	height: 20px;
	line-height: 20px;
	border-radius: 1px;
	padding: 0 10px;
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 1;
}
.article-item-free{
	font-size: 0.75rem;
	color: #fff;
	text-align: center;
	background: #dd524d;
	height: 20px;
	line-height: 20px;
	border-radius: 3px;
	padding: 0 10px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}
.article-item .media-img img{
	width: 100%;
	height: 100%;
}

.article-item .media-body {
	/* height: 156px; */
	min-height: 140px;
}

.article-item .item-title {
	font-size: 1.125rem;
	font-weight: normal;
	color: #000;
	line-height: 24px;
	display: block;
	margin-bottom: 0.5rem;
}

.article-item .item-title:hover {
	color: var(--primary);
}

.article-item time {
	font-size: 0.75rem;
	color: #a7a7a7;
	display: block;
}

.article-item p {
	font-size: 0.875rem;
	line-height: 24px;
	color: #787878;
	margin-bottom: 0.5rem;
}
.article-item p>a {
	font-size: 0.875rem;
	color: #f90;
}

.article-item .tag {
	font-size: 0.75rem;
	color: #a7a7a7;
	padding-left: 0px;
}
.article-item .tag:before {
	font-family: "iconfont" !important;
  content: "\e65b";
  color: #a7a7a7;
  padding-right: 4px;
}

.article-item .tag a {
	font-size: 0.75rem;
	color: #a7a7a7;
	margin-right: 10px;
}

.article-item .tag a:hover {
	color: var(--primary);
}
.article-item-info{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	line-height: 1;
}

@media (max-width: 767px) {
	.article-item .media-img {
		width: 140px;
		height: 79px;
	}

	.article-item .media-body {
		min-height: 79px;
		overflow: hidden;
	}

	.article-item .item-title {
		font-size: 1rem;
		line-height: 1.6;
		font-weight: normal;
	}

	.article-item time,
	.article-item p,
	.article-item .tag {
		display: none;
	}
}
/* 文章列表详情页 */
@media (min-width: 992px) {
	.article-left{
		-ms-flex: 1;
		flex: 1;
	}
	.article-right{
		-ms-flex: 0 0 330px;
		flex: 0 0 330px;
		max-width: 330px;
	}
}
/* 文章详情页 */
.article-main{
	padding-left: 1rem;
	padding-right: 0;
	position: relative;
}
@media (min-width: 1400px) {
	.article-main{
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
}
.article-share-aside{
	display: flex;
	flex-direction: column;
	z-index: 1;
}
@media (max-width: 992px) {
	.article-main{
		padding-left: 0;
		padding-right: 0;
	}
	.article-share-aside{
		display: none;
	}
}
.article-share-title{
	font-size: 0.875rem;
	text-align: center;
}
.article-share-item{
	color: #fff;
	text-align: center;
	background-color: var(--main-bg);
	border-radius: 50%;
	width: 36px;
	height: 36px;
	line-height: 36px;
	cursor: pointer;
	margin-bottom: 1rem;
	position: relative;
	-webkit-transition:all .3s ease;transition:all .3s ease;
}
.article-share-item:hover,.article-share-item.active{
	color: #fff;
	background-color: var(--primary);
}
.weixin-qrcode{
	display: none;
	width: 7.5rem;
	position: absolute;
	right: -45px;
	top: 37px;
	z-index: 999;
	background-color: #fff;
	box-shadow: 0 8px 64px 0 rgb(0 0 0 / 16%);
	padding: 0.5rem;
}
.article-share-item:hover .weixin-qrcode{
	display: block;
}
.weixin-qrcode img{width: 100%;}
.weixin-qrcode .text{font-size:0.75rem;text-align: center;color: #000;}

.article h1 {
	font-size: 1.875rem;
	color: #000;
	font-weight: 500;
	line-height: 2.625rem;
	margin-bottom: 1.5rem;
	text-align: justify;
}

.article-author-date {
	font-size: 0.875rem;
	color: #a7a7a7;
	line-height: 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 1.5rem;
}

.article-author-date span {
	margin-right: 1rem;
}
.article-author-date a {
	color: #6E7AD5;
	margin-right: 0.5rem;
	display: flex;
	align-items: center;
}
.article-author-date a img{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid rgba(0,0,0,.1);
	margin-right: 0.25rem;
}
.article-author-date .item-tag {
	color: #ffb02f;
	background: rgba(255,176,47,.05);
	border: 0.5px solid #ffb02f;
	height: 100%;
	line-height: 16px;
	padding: 0 4px;
	font-size: 11px;
}

.article-desc {
	font-size: 0.875rem;
	color: #808080;
	background-color: #f6f6f6;
	padding: 1rem;
}

.article-desc strong {
	color: #333;
}

.summary {
	font-size: 0.9375rem;
	color: #787878;
	letter-spacing: 0;
	line-height: 1.67;
	text-align: justify;
}

.summary:after {
	display: block;
	width: 58px;
	content: "";
	border: .5px solid #ddd;
	margin: 20px 0
}

.article-content {
	font-size: 1.125rem;
	color: #000;
	line-height: 1.8;
	text-align: justify;

}

.article-content p {
	font-size: 1.125rem;
	color: #000;
	line-height: 1.8;
	text-align: justify;
	margin-bottom: 1.875rem;
}

.article-content .keylink{
	color: #000!important;
	border-bottom: 1px solid #6E7AD5!important;
	padding-bottom: 1px;
	cursor: pointer;
	text-decoration: none!important;
}
.article-content .keylink:hover{
	color: #000!important;
	text-decoration: none!important;
}

.article-content img {
	max-width: 100%;
	display: block;
	margin: auto;
}

.article-content blockquote {
	border-left: 5px solid #EAEAEA;
	margin: 30px 0;
	padding-left: 3%;
	line-height: 1.7em;
}

.article-content .caption {
	font-size: 0.875rem;
	color: #808080;
	text-align: center;
}

.article-content .caption:after {
	content: '\00a0';
	display: block;
	width: 30%;
	border-bottom: 1px solid #ddd;
	margin: -2% auto 0 auto;
	position: relative;
}
.appopen {
	text-align: center;
	margin-bottom: 1rem;
}

.appopen .btn {
	font-size: 0.875rem;
	padding-left: 30px;
	padding-right: 30px;
}

.shengming {
	font-size: 0.875rem;
	color: #a7a7a7;
}
/* 下一条 */
.next-box{
	/* background-color: rgba(33, 99, 232, .1); */
	/* padding: 1rem; */
	position: -webkit-sticky;
	position: sticky;
	top: 70px;
}
.next-box a{
	font-size: 0.875rem;
}
.next-box .timeago{
	font-size: 0.75rem;
	color: #999;
}
/* 内容页会员权益 */
.member-tips{
	margin-top: -100px;
	position: relative;
}
.member-tips-space{
	height: 80px;
	width: 100%;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(white));
	background-image: linear-gradient(180deg, transparent, white);
}
.member-tips p{
	font-size: 1rem !important;
}
.member-tips-box{
	background-color: #f7faff;
	border-top: #007bff solid 3px;
	border-bottom-left-radius: 0.75rem;
	border-bottom-right-radius: 0.75rem;
	padding: 2.5rem 4rem;
	margin-bottom: 3rem;
	font-size: 1rem;
	line-height: 1.5;
}
@media (max-width: 768px) {
	.member-tips-box{
		padding: 2.5rem 1rem;
	}
}

/*单页*/
.page-content{font-size:16px; line-height:26px;}
.page-content h1{font-size:24px; text-align:center; padding-bottom:30px;}
.page-content p{font-size:16px; line-height:26px; padding:0; margin-bottom:30px;}
.page-content h3.tit1{font-size:16px; font-weight:600;border-left: 4px solid #F90; margin-bottom: 15px;padding-left: 10px;}
.page-content h3.tit2 {border-left: 4px solid #F90;color: gray; font-size: 14px; margin-top: 15px; margin-bottom:10px; padding-left: 10px;}
.page-content h4{font-size: 1.2rem;font-weight: bold;}
.page-content p.bt { border-top: 1px solid #e5e5e5; padding-top: 30px;}
.page-content .box-wrap {background-color:#f9f9f9;padding:20px;}
.page-content .box-wrap .t-h4 {border-bottom:1px dashed #cacaca; margin-bottom:15px; font-size:16px; font-weight:600; padding-bottom:6px;}
.page-content .box-wrap .box-item {background-color:#fff;padding:0 20px;margin-bottom: 20px;}
.page-content .box-wrap .box-name {line-height:50px;position:relative;padding:0 20px;margin:0 -20px;cursor:pointer;}
.page-content .box-wrap .box-name i {position:absolute;right:20px;}
.page-content .box-wrap .box-name i:after {content:'+';font-size:22px;color:#999;font-style:normal;display:block;}
.page-content .box-wrap .box-name em {position:absolute;right:20px;}
.page-content .box-wrap .box-name em:after {content:'+';font-size:22px;color:#999;font-style:normal;display:block;}
.page-content .box-wrap .box-name:hover {background-color:#f90;color:#fff;}
.page-content .box-wrap .box-name:hover i:after {color:#fff;}
.page-content .box-wrap .box-cnt {border-top:1px solid #cacaca;padding:18px 0 20px;display:none;}
.page-content .box-wrap .box-cnt p{font-size:14px;}
.page-content .box-wrap .box-item.active i:after {content:'-';}
.page-content .box-wrap .box-item.active dd {display:block;}
.page-content .box-wrap .box-cnt p {margin:10px 0 5px;}
.page-content .box-wrap .box-cnt li {line-height:24px;}


.page-head {
	/* border-bottom: #E5E5E5 solid 1px; */
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
}

.page-head h3 {
	font-size: 1.125rem;
	color: #000;
	line-height: 1.5;
	text-align: left;
	margin: 0;
}


.related-article img {
	margin-bottom: 0.5rem;
	width: 100%;
	height: 147px;
}

.related-article h5 {
	font-size: 1rem;
	line-height: 1.5rem;
	margin: 0;
}

.nologin {
	font-size: 0.875rem;
	color: #808080;
}

.comment-form .editor {
	font-size: 0.875rem;
	background-color: #fff;
	border: #eee solid 1px;
	border-radius: 0.25rem;
	padding: 1.5rem;
	resize: none;
}

.comment-form .editor.disabled {
	background-color: #fafafa;
}

.comment-form p {
	font-size: 0.875rem;
}

.comment-form a {
	font-size: 0.875rem;
	color: #f90;
}

.comment-list .alert-notxt {
	background-color: #f3f3f3;
}

.operation-menu {
	position: fixed;
	right: 1%;
	bottom: 5%;
	z-index: 1100;
}

.menu-item {
	width: 40px;
	height: 40px;
	display: block;
	background-color: rgba(255, 255, 255, 0.7);
	color: #555;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
	-webkit-transition: .3s ease-out;
	-o-transition: .3s ease-out;
	transition: .3s ease-out;
	z-index: 11;
	margin-bottom: 1rem;
	cursor: pointer;
	position: relative;
}

.menu-item i {
	font-size: 1.25rem;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.menu-item:hover,
.menu-item:focus:hover {
	text-decoration: none;
	color: #fff;
	background-color: var(--primary);
}

.menu-item:focus {
	text-decoration: none;
	color: #555;
	background-color: rgba(255, 255, 255, 0.7);
}

.operation-menu .icon-group:hover>.dropdown-menu {
	display: block;
}

.dropleft .dropdown-menu {
	top: auto !important;
	bottom: 0 !important;
}


.app-modal-footer {
	padding: 0 0.75rem;
}

.app-modal-footer.modal-footer>* {
	margin: 0;
	padding: 0.875rem 0;
	cursor: pointer;
}

@media (max-width: 576px) {
	.modal-sm {
		max-width: 300px;
		margin: auto;
	}
}

@media (max-width: 767px) {
	.article h1 {
		font-size: 1.5rem;
		line-height: 1.5;
		margin-bottom: 1.5rem;
	}

	.related-article img {
		width: 140px;
		height: 79px;
		margin-bottom: 0;
	}

	.related-article h5 {
		font-size: 1rem;
		line-height: 1.5;
	}
	.related-body{
		margin-left: 1rem;
	}

	.related-foot {
		font-size: 0.75rem;
		color: #777;
	}
}

.sub-headtitle {
	font-size: 1.125rem;
	position: relative;
	padding-bottom: 0.5rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid #f1f1f1;
}
.sub-headtitle::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 52px;
    height: 2px;
    background-color: var(--primary);
}

.sub-headtitle span {
	display: inline-block;
	padding: 0px;
}
.sub-headtitle a{
	font-size: 0.75rem;
}
.sub-headtitle .nav-link{
	padding: 0 0 0 0.5rem;
}
.sub-headtitle .nav-link.active{
	color: var(--primary);
}
.sub-headtitle .nav-item:first-child{
	border-right: #999 solid 1px;
	padding-right: 0.5rem;
}

.hotitem {
	font-size: 1rem;
	margin-top: 1rem;
}

.hotitem:last-child {
	border-bottom: 0;
}

.hotitem .badge {
	font-size: 0.75rem;
	font-weight: normal;
	margin-right: 10px;
	margin-top: 4px;
	text-align: center;
}

.hotitem .badge-danger {
	background-color: var(--primary);
}
.hotitem .dot{
	width: 4px;
	height: 4px;
	background-color: var(--primary);
	border-radius: 50%; 
	display: inline-block;
	margin-left: 7px;
	margin-right: 14px;
	margin-top: 10px;
	flex-shrink: 0;
}

.hotitem p {
	font-size: 1rem;
	margin-bottom: 0;
}
@media (max-width: 767px) {
	.hotitem p {
		font-size: 1rem;
	}
}

.hotnav {
	position: relative;
}

.hotnav span {
	font-size: 12px;
	color: #ff0000;
	position: absolute;
	right: 8px;
	top: 0;
	display: block;
}

.link-list {}

.link-list a {
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 1rem;
	opacity: .6;
	transition: all .3s ease;

}

.link-list a:hover {
	opacity: 1;
}

.link-list a img {
	height: 25px;
}

/* 直播 */
.live-hot{
	font-size: 1.125rem;
	color: #f90;
	margin-bottom: 1rem;
}
.live-hot-box{
	background-color: #fff;
	overflow: hidden;
}
.live-hot-list{
	overflow: hidden;
}
.live-hot-list li{
	/* margin-bottom: 20px; */
}
.live-hot-list li{border-bottom: #ddd solid 1px;padding: 10px;position: relative;z-index: 2;}
.live-hot-list li:after{
	content: ' ';
	width: 100%;
	background: #f4f4f4;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
	transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transition: all .3s;
}
.live-hot-list li:hover:after{
	transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
}
.live-hot-list h4{
	font-size: 0.875rem;
	line-height: 1.5;
	font-weight: normal;

}
.live-hot-list span{
	font-size: 0.75rem;
	font-weight: normal;
	color: #999;
	float: right;
	display: block;
	width: 80px;
	text-align: right;

}
.live-head{
	font-size: 1.75rem;
	color: #333;
	margin-bottom: 0;
	cursor: pointer;
}
.liveslide{
	position: relative;
}
.liveslide img{
	width: 100%;
	height: 370px;
}

@media (max-width: 767px) {
	.liveslide img{
		width: 100%;
		height: 13.125rem;
	}
	.live-head{
		font-size: 1.25rem;
		font-weight: bold;
	}
}

/* 直播列表样式调整 */
.live-card{
	border-width: 0;
	box-shadow: 0 0.375rem 1.5rem 0 rgb(140 152 164 / 13%);
	height: 100%;
}
.card-image{
	position: relative;
	overflow: hidden;
	display: block;
}
.card-image img,
.card-image:after{
	transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
.card-image:hover img{
	-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
@media (min-width: 992px) {
	.row-cols-md-4 .live-card .card-image img{
		max-height: 149px;
	}
	.row-cols-md-2 .live-card .card-image img{
		max-height: 308px;
	}
}
@media (min-width: 1400px) {
  .row-cols-md-4 .live-card .card-image img{
  	max-height: 161px;
  }
  .row-cols-md-2 .live-card .card-image img{
  	max-height: 308px;
  }
}
@media (max-width: 992px) {
	.live-card .card-image img{
		max-height: 117px;
	}
}
@media (max-width: 768px) {
	.live-card .card-image img{
		width: 100%;
		max-height: 228px;
		height: auto;
	}
}
.live-badge{
	width: 100%;
	font-size: 0;
	line-height: 1;
	position: absolute;
	left: 5px;
	top: 5px;
}
.live-badge .badge{
	font-size: 0.75rem;
	font-weight: normal;
	border: 0;
	border-radius: 20px;
	padding: 3px 8px;
	margin: 0;
	
}
.live-badge .zhibo{
	color: #fff;
	background: #f90;
}
.live-badge .huifang{
	color: #fff;
	background: #525252;
}
.live-badge .redu{
	color: #fff;
	background: #000;
}
.vip-badge{
	font-size: 0.75rem;
	color: #7D4F2A;
	background-color: #EEC380;
	line-height: 1;
	padding: 3px 8px;
	border-top-right-radius: 3px;
	position: absolute;
	right: 0;
	top: 0;
}
.live-card .card-body{
	padding: 1rem;
}
.live-card .card-title{
	font-size: 1rem;
	line-height: 1.5;
	overflow: hidden;
	padding: 0;
}
.live-card .live-time {
	font-size: 0.75rem;
	font-weight: bold;
    color: #ff9900;
	padding: 0;
	margin: 0;
}
.live-right-list .card-body{
	background-color: #f8f9fa!important;
	padding: 0.5rem;
}
.live-right-list h4{
	font-size: 0.875rem;
	padding: 0px;
	margin: 0 0 10px 0;
	line-height: 24px;
	height: auto;
}
.live-latest-list .live-card{
	margin-bottom: 0;
	box-shadow:none;
}
.live-latest-list .card-body{
	padding: 10px;
	background-color: #fff;
}
.live-latest-list .live-card h4{
	font-size: 1rem;
	font-weight: 700;
	padding: 0;
	margin: 0;
}
.live-latest-list .card-img img{
	width: 100%;
	height: 125px;
}
@media (max-width: 992px) {
	.live-latest-list .card-img img{
		width: 100%;
		height: 125px;
	}
}
@media (max-width: 768px) {
	.live-latest-list .card-img img{
		width: 100%;
		height: 96px;
	}
}
.live-latest-list .live-time {
	display: none;
}

.live-nav-item{
	font-size: 0.875rem;
	color: #262626;
	margin-right: 1.25rem;
	cursor: pointer;
	position: relative;
}
.live-nav-item:last-child {
    margin-right: 0;
}
.live-nav-item:hover,.live-nav-item.active{
	color: #ff9900;
	font-weight: 700;
}
.live-nav-item:after {
    content: "|";
    position: absolute;
    color: #a7a7a7;
    font-size: 26px;
    right: -12px;
    transform: scale(.5);
    top: -9px;
    font-weight: 400;
}
.live-nav-item:last-child:after {
    content: "";
}
/* end */

/* 企业库 */
.size14{
	font-size: 0.875rem;
}

.company-list-item{
	border-top: 1px solid #dee2e6;
}
.company-list-item:first-child{
	border-top: 0;
}
.com-logo{
	width: 64px;
	height: 64px;
	line-height: 64px;
	overflow: hidden;
	margin-right: 15px;
}
.com-logo img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.com-name{
	font-size: 1rem;
	font-weight: bold;
	text-align: left;
}
.com-subname{
	font-size: 0.875rem;
	text-align: left;
	color: #999999;
	margin-bottom: 0;
}
.person-logo{
	width: 80px;
	height: 100px;
	line-height: 100px;
	overflow: hidden;
	margin-right: 15px;
}
.person-logo img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.person-content{
	font-size: 1rem;
	line-height: 24px;
	padding: 1rem 0;
}
.person-content p{
	font-size: 1rem;
}

@media (max-width: 768px) {
	.com-logo{
		width: 50px;
		height: 50px;
		line-height: 50px;
		margin-right: 10px;
	}
	.rz-type{
		font-size: 0.75rem;
		order: 2;
	}
	.rz-date{
		font-size: 0.75rem;
		color: #999999;
		white-space: nowrap;
		order: 1;
	}
}

.com-headtitle{
	font-size: 1.25rem;
	font-weight: normal;
}
.com-qiyehao {
	color: #6E7AD5;
	margin-right: 0.5rem;
	display: flex;
	align-items: center;
}

.com-qiyehao .item-tag {
	color: #ffb02f;
	background: rgba(255,176,47,.05);
	border: 0.5px solid #ffb02f;
	height: 100%;
	line-height: 16px;
	padding: 0 4px;
	font-size: 11px;
}
.com-member-logo{
	width: 64px;
	height: 64px;
}
.tag-item{
	background-color: #fdf0e9;
	color: #f79e7f;
	line-height: 34px;
	padding: 0px 14px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 2px;
}
.com-news{
	font-size: 0.875rem;
}
.com-news time{
	display: block;
	font-weight: bold;
}
.com-table{
	font-size: 0.875rem;
	white-space: nowrap;
}
.com-table.table thead th{
	border: 0;
}
.badge-gio{
	font-size: 0.875rem;
	margin-left: 8px;
}
.badge-gio small{
	font-size: 0.875rem;
	vertical-align: middle;
	font-weight: normal;
	margin: 0;
	line-height: 1;
	color: #777;
}
.loading-text{
	font-size: 0.875rem;
}
.media-body .badge{
	font-weight: normal;
	border-radius: 0.125rem;
}


/* pinglun */

.comment-warp{
	background-color: #fff;
}
.comment-item{
	border-top: 1px solid #F2F2F2;
}
.comment-item:first-child {
    border-top: none;
}
.comment-list{
	padding: 15px;
	position: relative;
	display: flex;
	box-sizing: border-box;
	width: 100%;
	flex: 1;
	justify-content: space-between;
	align-items: flex-start;
}
.comment-list .user-avatar{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 10px;
	flex-shrink: 0;
}
.comment-body{
	flex:auto;
}
.comment-title{
	font-size: 0.875rem;
	color: var(--primary);
}
.comment-content{
	font-size: 0.875rem;
	color: #333;
}
.comment-foot{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.comment-foot .comment-text{
	font-size: 0.75rem;
	color: #999;
	text-align: right;
	cursor: pointer;
	flex:1;
}
.comment-text .icon{
	font-size: 0.75rem;
	color: #999;
	margin-right: 2px;
}

.comment-foot .comment-time{
	font-size: 0.75rem;
	color: #999;
	flex: 3;
}
.comment-reply-list{
	display: flex;
	flex-direction: column;
	padding: 5px 0;
	position: relative;
}
.comment-reply-list:before {
	position: absolute;
  z-index: 3;
	right: 0;
	top: 0;
	left: 0;
	height: 1rpx;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	background-color: #e9eaec;
}
.comment-reply-list-cell{
	font-size: 0.75rem;
	color: #333;
	padding: 4px;
}

div.required>label.control-label::before {
    content: "* ";
    color: red;
}
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px;
}


/* 个人中心 */
.user-nickname{
	font-size: 1.125rem;
	font-weight: 600;
}
.account-overlap {
    padding-bottom: 6.375rem;
	background-color: #202A6D;
	background: url(../images/abstract-shapes-20.svg) #202A6D;
}
.account-overlap+* {
    margin-top: -4.875rem;
}
.text-accent {
    font-size: .75rem !important;
	color: #677788;
}
.shadow-lg {
    box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 10%) !important;
}

.navbar-vertical .card .nav-tabs .nav-link {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding-right: 0;
	padding-left: 1.8125rem;
	margin-left: -2rem;
	font-size: 0.9375rem;
}

.navbar-vertical .card .nav-tabs .nav-link:not(.active) {
	border-color: transparent
}
.navbar-vertical .nav-tabs .nav-link, .navbar-vertical .nav-tabs .nav-link.active {
    border-bottom-width: 0;
    border-radius: 0;
}
.nav-vertical {
	-ms-flex-direction: column;
	flex-direction: column
}

.nav-vertical.nav .nav-item:not(:last-child) {
	margin-right: 0
}

.nav-vertical.nav .nav-link {
	display: -ms-flexbox;
	display: flex;
	white-space: nowrap
}

.nav-vertical .nav-subtitle {
	padding-left: 1.5rem
}

.nav-vertical.nav-tabs {
	border-bottom-width: 0
}

.nav-vertical.nav-tabs .nav-link {
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left: .1875rem solid transparent;
	margin-bottom: 0;
	padding: 0.5rem 1rem;
}

.nav-vertical.nav-tabs .nav-subtitle {
	border-left: .1875rem solid rgba(33, 50, 91, .1)
}

.nav-vertical.nav-tabs .nav-item.show .nav-link,
.nav-vertical.nav-tabs .nav-link.active {
	border-color: var(--primary);
	color: var(--primary);
}

.nav-vertical.nav.nav-tabs .nav-collapse .nav-link {
	padding-left: 3rem
}

.nav-vertical.nav.nav-tabs .nav-collapse .nav-collapse .nav-link {
	padding-left: 4.5rem
}
.nav-vertical .icon{
	font-size: 1.125rem;
	font-weight: 600;
}
.profile .nav-link {
	font-size: 1rem;
}
.text-cap {
    display: block;
    color: #1e2022;
    font-size: .8125rem;
    font-weight: 600;
    letter-spacing: .03125rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.avatar {
	position: relative;
	display: inline-block;
	width: 3.125rem;
	height: 3.125rem;
	border-radius: .5rem
}

.avatar:not(img) {
	background-color: #fff
}

.avatar-img {
	max-width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: .5rem
}

.avatar-initials {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	width: 3.125rem;
	height: 3.125rem;
	font-size: 1rem;
	font-weight: 600;
	pointer-events: none;
	text-transform: uppercase;
	border-radius: .5rem
}

.avatar-circle {
	border-radius: 50%
}

.avatar-circle .avatar,
.avatar-circle .avatar-img,
.avatar-circle .avatar-initials {
	border-radius: 50%
}
.avatar-xl,
.avatar-xl .avatar-initials {
	width: 5.625rem;
	height: 5.625rem
}

.avatar-xl .avatar-img {
	width: 5.625rem
}

.avatar-xl .avatar-initials {
	font-size: 2rem
}

.avatar-xl.avatar-circle .avatar-status {
	bottom: .16406rem;
	right: .16406rem
}

.avatar-xl.avatar-circle .avatar-sm-status {
	bottom: .23438rem;
	right: .23438rem
}

.avatar-xl.avatar-circle .avatar-lg-status {
	bottom: .13542rem;
	right: .13542rem
}

.avatar-xxl,
.avatar-xxl .avatar-initials {
	width: 7rem;
	height: 7rem
}

.avatar-xxl .avatar-img {
	width: 7rem
}

.avatar-xxl .avatar-initials {
	font-size: 3rem
}

.avatar-xxl.avatar-circle .avatar-status {
	bottom: .75rem;
	right: .75rem
}

.avatar-xxl.avatar-circle .avatar-sm-status {
	bottom: .875rem;
	right: .875rem
}

.avatar-xxl.avatar-circle .avatar-lg-status {
	bottom: .65rem;
	right: .65rem
}
.avatar-status {
	position: absolute;
	bottom: -.525rem;
	right: -.525rem;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	white-space: nowrap;
	text-align: center;
	vertical-align: baseline;
	border: .125rem solid #fff;
	width: 1.3125rem;
	height: 1.3125rem;
	line-height: 1;
	font-size: .625rem;
	border-radius: 50%
}
.profile .card {
    border-width: 0;
    box-shadow: 0 0.375rem 1.5rem 0 rgb(140 152 164 / 13%);
}
.profile .card-header{
	background-color: transparent;
	padding: 2rem;
}
.profile .card-body{
	padding: 2rem;
}
@media (max-width: 767px) {
	.profile .card-body{
		padding: 15px;
	}
}

.profile .summary{
	font-size: 0.875rem;
	color: #333;
}
.profile .summary:after{
	border: 0;
	margin: 0;
}
.profile .pagination{
	margin: 0;
}
.table.thead-light th,.table .thead-light th {
    color: #495057;
    background-color: #f8f9fa;
    border-color: #fff;
}
.table td, .table th {
    font-size: 0.875rem;
}

@media (min-width: 992px) {
	.profile{
		padding-left: 0rem;
	}
	
}

.home-user-avatar{
	width: 5rem;
	height: 5rem;
}
.home-user-avatar .user-icon,.home-user-avatar .user-avatar{
	width: 100%;
	height: auto;
}
.user-face img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin: auto;
}

.user-security{
	padding: 1rem 0;
	border-bottom: #eee solid 1px;
}
.user-security:last-child{
	border-bottom: 0;
}
.security-title{
	font-size: 1rem;
	padding-left: 1rem;
	white-space:nowrap;
}
.security-text{
	font-size: 0.875rem;
	color: #888;
}
.security-success{
	font-size: 32px;
	font-weight: bold;
	color: #28a745;
}
.security-warn{
	font-size: 32px;
	color: #dc3545;
}
.user-security .btn{
	font-size: 0.875rem;
}

.favor-list .media{
	padding: 1rem 0;
}
.favor-list .media:first-child{
	padding-top: 0;
}
.favor-list .media img{
	width: 140px;
	height: 79px;
	margin-right: 1rem;
}
.favor-list .media h5{
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.5;
	margin: 0;
}
.favor-list .media-body{
	height: 79px;
}
.favor-list .media span,.favor-list .media .span{
	font-size: .75rem;
	color: #777;
}
.invoice-fee-number{
	font-size: 1.25rem;
	font-weight: 700;
}
/*评论*/
.commnet-list{
	font-size: 0.875rem;
}
.commnet-list .card{
	margin-bottom: 1.25rem;
	border-radius: 0.5rem;
	box-shadow: none;
}
.commnet-list .card-body{
	padding: 1rem;
}

.operate-delete{
	font-size: 0.75rem;
}

/*上传头像*/
.avatar-wrap{
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.avatar-wrap #clipArea {margin: 0 auto;height: 400px;background:#fff;}
.avatar-wrap #uploadBtn{ position:absolute; right:10px; bottom:20px;}
.avatar-wrap #chooseFile{position:absolute; left:10px; bottom:20px;}


/* 活动 */

.price{
	font-size: 1.125rem;
	color: #e1251b;
}
.event-inner{
	padding: 0;
}
.event-inner h1{
	font-size: 1.5rem;
	text-align: left;
	margin-bottom: 1.875rem;
}
.event-bmbtn{
	padding: 10px 30px;
}
.page-content{
	font-size: 1rem;
	padding-bottom: 30px;
}
.page-content h3{
	font-size: 1.5rem;
}
.page-content p{
	font-size: 1.125rem;
	line-height: 1.67;
	margin-bottom: 1.25rem;
	text-align: justify;
	
}
.page-content img{
	max-width: 100%;
	height: auto;
}


/*票种列表*/
.choose_ticket{border:#ddd solid 1px;}
.choose_ticket .color {
    color: #ff5303 !important;
}
.original-price{
	color: #777!important;
	font-size: 0.875rem !important;
}
.hover { position: relative }
.hover .hover_block {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 1000
}
.hover:hover .hover_block { display: block }
.ticket-arrow {
	border-width: 8px;
	z-index: 10
}
.ticket-arrow,
.ticket-arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}
.ticket-arrow:after {
	border-width: 7px;
	content: ""
}
.ticket-arrow.top {
	left: 20px;
	margin-left: -8px;
	border-color: transparent;
	border-top-width: 0;
	border-bottom-color: #ffa47a;
	border-bottom-color: #ffa47a;
	top: -8px
}
.ticket-arrow.top:after {
	content: " ";
	top: 1px;
	margin-left: -7px;
	border-top-width: 0;
	border-bottom-color: #fff
}
.choose_ticket .li {
	border-bottom: 1px solid rgba(0,0,0,0.06);
	position: relative;
	padding: 16px
}
.choose_ticket .li.th { padding: 12px 16px }
.choose_ticket .ticket {
	position: relative;
	z-index: 2;
	display: table;
	width: 100%
}
.choose_ticket .ticket:brfore {
display:none
}
.choose_ticket .ticket>div {
	display: table-cell;
	vertical-align: middle
}
.choose_ticket .name { width: 30% }
.choose_ticket .name .ellipsis {
	font-size: 1rem;
	white-space: normal;
	display: inline-block;
	vertical-align: middle
}
.choose_ticket .name .tip_icon {
	display: inline-block;
	vertical-align: middle;
}
.choose_ticket .name .tip_icon>span {
	display: inline-block;
	vertical-align: middle
}
.choose_ticket .name .tip_icon .icon_span {
	font-size: 12px;
	padding: 2px 6px;
	border-radius: 2px;
	color: #fff
}
.choose_ticket .price { font-size: 1rem;text-align: center }
.choose_ticket .price .color { font-weight: bold }
.choose_ticket .price .ladder_price {
	display: table;
	width: 100%
}
.choose_ticket .price .ladder_price .item {
	width: 25%;
	display: table-cell;
	color: #a3aaad;
	text-decoration: line-through
}
.choose_ticket .price .ladder_price .item.color { text-decoration: none }
.choose_ticket .th .price .ladder_price .item { text-decoration: none }
.choose_ticket .time {
	text-align: center;
	width: 300px
}
.choose_ticket .quantity {
	width: 110px;
	text-align: center
}
.choose_ticket .quantity .disabled .bg_line { display: none }
.choose_ticket .quantity .error_meg { color: #a3aaad }
.choose_ticket .ticket_tip {
	background: #fffcfa;
	border: 1px solid #ffa47a;
	padding: 8px 16px;
	width: 320px;
	left: 16px!important;
	font-size: 12px;
	border-radius: 2px;
	z-index: 10;
	line-height: 24px
}
.choose_ticket .ticket_tip .arrow.top {
	border-bottom-color: #ffa47a;
	left: 16px
}
.choose_ticket .ticket_tip>div { overflow: hidden }
.choose_ticket .ticket_tip .icon {
	font-size: 16px;
	color: #ff5303;
	width: 20px;
	line-height: 24px;
	float: left
}
.choose_ticket .ticket_tip .text {
	padding-left: 24px;
	display: block;
	line-height: 1.6;
	margin-top: 2px
}
.choose_ticket .ticket_tip .text p {
	font-size: 0.75rem;
	margin-bottom: 0.25rem;
}
.choose_ticket .li.sold { cursor: not-allowed }
.choose_ticket .li.sold .ticket { color: #a3aaad }
.choose_ticket .li.sold .ticket_tip { display: none!important }
.choose_ticket .li.sold .color {
	color: #a3aaad!important;
	font-weight: normal
}
.choose_ticket .li.sold .q_con .bg_line { display: none }
.choose_ticket .li.sold .q_con .nun {
	background: #f7f9f8;
	border: 1px solid rgba(0,0,0,0.06);
	cursor: not-allowed
}
.choose_ticket .li.sold .q_con .color {
	color: #a3aaad!important;
	opacity: 1!important
}
.choose_ticket .li.tj_ti { cursor: not-allowed }
.choose_ticket .li.tj_ti .q_con .bg_line { display: none }
.choose_ticket .li.tj_ti .q_con .nun {
	background: #f7f9f8;
	border: 1px solid rgba(0,0,0,0.06);
	cursor: not-allowed
}
.choose_ticket .li.tj_ti .q_con .color {
	color: #a3aaad!important;
	opacity: 1!important
}
.choose_ticket .refund_explane {
	padding: 16px;
	padding-top: 0;
	line-height: 1.6
}
.choose_ticket .cancal { color: #a3aaad }
.choose_ticket .ticket_price {
	font-size: 2em;
	font-weight: 600;
	
}
.choose_ticket .ticket_discount {
	margin-right: 16px;
	opacity: .5;
	margin-top: 12px;
	display: inline-block
}


.ticket_list{margin-bottom:10px; padding-right:16px; text-align:right;}
.ticket_price{font-size:22px; font-weight:bold; color:#f30;}
.q_con {
	background: #fff;
	text-align: center;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle
}
.q_con>span {
	display: inline-block;
	vertical-align: middle
}
.q_con .nun {
	border: 1px solid #ffa981;
	color: #ff5303;
	cursor: pointer;
	background: #f7f9fb;
	padding: 2px 6px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-sizing: content-box;
	position: relative
}
.q_con .nun.plus { margin-right: 8px }
.q_con .nun.minus { margin-left: 8px }
.q_con .nun .iconfont {
	margin: 0;
	display: inline-block;
	line-height: 1;
	font-size: 1.6em;
	font-weight:bold;
	float: left
}
.q_con .nun.disabled {
	border: 1px solid rgba(0,0,0,0.12);
	color: rgba(0,0,0,0.12);
	cursor: not-allowed
}
.q_con .nun.disabled .iconfont { opacity: .4 }
.ticket-main{
	margin-bottom: 100px;
}
.code-form{
	/* width: 400px;
	text-align: right; */
	padding: 15px;
}
.code-form .form-control{
	display: inline-block;
	width: auto;
}
.ticket_list .btn{
	padding-left: 30px;
	padding-right: 30px;
}


.ticket-footer{
	background: rgba(0,0,0,0.8);
	color: #adadad;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}
.ticket-info{
	font-size: 1.125rem;
}
.ticket-info span{
	font-size: 1.125rem;
	font-weight: bold;
	color: #ff6600;
}

.m-ticket-card .color {
    color: #ff5303 !important;
	margin-right: 10px;
}
.m-ticket-card .card-body{
	padding: 0.625rem;
}
.m-ticket-card .card-footer{
	font-size: 0.75rem;
	background: none;
	padding: 0.625rem;
}
.m-ticket-card .card-footer i{
	font-size: 0.75rem;
	color: #ff5303;
	margin-right: 0.25rem;
	vertical-align: middle;
}
.m-ticket-name{
	font-size: 1rem;
	font-weight: bold;
}
.m-ticket-price{
	font-size: 1.5rem;
	color: #FF6600;
}
/*支付&成功*/
.pay-list{
	border-radius:0;
}
.pay-list>.list-group-item {
	border-left-width: 0;
	border-right-width: 0;
}
.pay-price{
	font-size: 1.125rem;
	font-weight: bold;
	color: #f30;
}
.pay-item img{
	width: 45px;
	height: 45px;
	margin-right: 15px;
}
.pay-item h5{
	font-size: 1rem;
	color: #111;
	margin-bottom: 0.3rem;
}
.pay-item span{
	font-size: 0.875rem;
	color: #777;
}
.pay-checkbox {
	display: block;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	cursor: pointer;
	padding-left: 25px;
	font-weight: 400;
	min-height: 18px;
	height: auto !important;
	line-height: 18px !important;
}
.pay-checkbox input{
	position: absolute;
	display: none;
}

.pay-checkbox span::before{
	content: '';
	position: absolute;
	display: inline-block;
	height: 20px;
	width: 20px;
	left: 0;
	top: 0px;
	border: 2px solid #ebebeb;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s;
	border-radius: 50%;
}

.pay-checkbox span::after{
	content: '';
	position: absolute;
	display: none;
	width: 5px;
	height: 10px;
	left: 8px;
	top: 4px;
	border: solid #4d5259;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.pay-checkbox span{
	display: inline-block;
}

.pay-checkbox input:checked~span:after {
	display: inline-block;
	border-color: #fff;
}

.pay-checkbox:hover span::before {
	border-color: #ebebeb;
}
.pay-checkbox input:checked~span::before {
	background-color: #15c377;
	border-color: #15c377;
}
[class^="pay-icon-"],[class*=" pay-icon-"] {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  -webkit-mask-position: 50% 50%;
  mask-position: 50% 50%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  background-color: currentColor;
}
.pay-icon-success{
	width: 45px;
	height: 45px;
	color: #07c160;
	-webkit-mask-image: url(data:image/svg+xml,%3Csvg%20viewBox=%220%200%201024%201024%22%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2281%22%20height=%2281%22%3E%3Cpath%20d=%22M510.52088889%2012.74311111c-276.48.0-500.62222222%20224.14222222-500.62222222%20500.62222222s224.14222222%20500.62222222%20500.62222222%20500.62222222%20500.62222222-224.14222222%20500.62222222-500.62222222-224.14222222-500.62222222-500.62222222-500.62222222zM791.43822222%20356.352c-55.18222222%2055.296-92.38755555%2087.49511111-196.03911111%20212.53688889-59.84711111%2072.13511111-116.39466667%20149.61777778-116.84977778%20150.18666666l-24.80355555%2030.94755556c-5.23377778%206.94044445-15.36%207.73688889-21.73155556%201.82044444L232.78933333%20566.72711111c-20.25244445-18.77333333-21.39022222-50.51733333-2.61688888-70.76977778%2018.77333333-20.25244445%2050.51733333-21.39022222%2070.76977777-2.61688888l119.35288889%20110.93333333c6.25777778%205.80266667%2016.04266667%205.12%2021.504-1.47911111%2018.432-22.86933333%2043.69066667-50.63111111%2070.99733334-78.05155556%20102.62755555-103.424%20165.66044445-158.94755555%20199.33866666-183.52355556%2040.96-29.80977778%2087.95022222-55.296%2099.328-41.18755555%2017.63555555%2022.07288889%206.82666667%2029.35466667-20.02488889%2056.32z%22/%3E%3C/svg%3E);
	mask-image: url(data:image/svg+xml,%3Csvg%20viewBox=%220%200%201024%201024%22%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2281%22%20height=%2281%22%3E%3Cpath%20d=%22M510.52088889%2012.74311111c-276.48.0-500.62222222%20224.14222222-500.62222222%20500.62222222s224.14222222%20500.62222222%20500.62222222%20500.62222222%20500.62222222-224.14222222%20500.62222222-500.62222222-224.14222222-500.62222222-500.62222222-500.62222222zM791.43822222%20356.352c-55.18222222%2055.296-92.38755555%2087.49511111-196.03911111%20212.53688889-59.84711111%2072.13511111-116.39466667%20149.61777778-116.84977778%20150.18666666l-24.80355555%2030.94755556c-5.23377778%206.94044445-15.36%207.73688889-21.73155556%201.82044444L232.78933333%20566.72711111c-20.25244445-18.77333333-21.39022222-50.51733333-2.61688888-70.76977778%2018.77333333-20.25244445%2050.51733333-21.39022222%2070.76977777-2.61688888l119.35288889%20110.93333333c6.25777778%205.80266667%2016.04266667%205.12%2021.504-1.47911111%2018.432-22.86933333%2043.69066667-50.63111111%2070.99733334-78.05155556%20102.62755555-103.424%20165.66044445-158.94755555%20199.33866666-183.52355556%2040.96-29.80977778%2087.95022222-55.296%2099.328-41.18755555%2017.63555555%2022.07288889%206.82666667%2029.35466667-20.02488889%2056.32z%22/%3E%3C/svg%3E);
}
.pay-icon-error{
	width: 45px;
	height: 45px;
	color: #fa5151;
	-webkit-mask-image: url(data:image/svg+xml,%3Csvg%20viewBox=%220%200%201024%201024%22%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2281%22%20height=%2281%22%3E%3Cpath%20d=%22M512%200C229.23.0.0%20229.23.0%20512s229.23%20512%20512%20512%20512-229.23%20512-512S794.77.0%20512%200zm-30.071%20184.783h67.863c16.763.0%2029.157%205.693%2027.734%2030.813l-15.589%20403.161c-.642%2011.319-9.893%2020.282-20.68%2020.282h-50.793c-10.787.0-20.038-8.965-20.678-20.282l-15.59-403.16c-1.424-25.123%2010.97-30.814%2027.733-30.814zm33.921%20662.135c-38.27.0-69.294-31.024-69.294-69.294.0-38.27%2031.024-69.294%2069.294-69.294%2038.27.0%2069.294%2031.024%2069.294%2069.294-.001%2038.268-31.025%2069.294-69.294%2069.294z%22/%3E%3C/svg%3E);
	mask-image: url(data:image/svg+xml,%3Csvg%20viewBox=%220%200%201024%201024%22%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2281%22%20height=%2281%22%3E%3Cpath%20d=%22M512%200C229.23.0.0%20229.23.0%20512s229.23%20512%20512%20512%20512-229.23%20512-512S794.77.0%20512%200zm-30.071%20184.783h67.863c16.763.0%2029.157%205.693%2027.734%2030.813l-15.589%20403.161c-.642%2011.319-9.893%2020.282-20.68%2020.282h-50.793c-10.787.0-20.038-8.965-20.678-20.282l-15.59-403.16c-1.424-25.123%2010.97-30.814%2027.733-30.814zm33.921%20662.135c-38.27.0-69.294-31.024-69.294-69.294.0-38.27%2031.024-69.294%2069.294-69.294%2038.27.0%2069.294%2031.024%2069.294%2069.294-.001%2038.268-31.025%2069.294-69.294%2069.294z%22/%3E%3C/svg%3E);
}
.pay-title{
	font-size: 1rem;
	font-weight: bold;
}
.bd-callout {
	padding: 1.25rem;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	border: 1px solid #eee;
	border-left-width: .25rem;
	border-radius: .25rem;
}
.bd-callout p {
	font-size: 0.875rem;
	color: #777;
}
.bd-callout p:last-child {
	margin-bottom: 0;
}
.bd-callout-warning {
	border-left-color: #f90;
}
.bd-callout-warning h4 {
	color: #f90;
}
.bd-callout-success {
	border-left-color: #28a745;
}
.bd-callout-success h4 {
	color: #28a745;
}
.bd-callout-error {
	border-left-color: #dc3545;
}
.bd-callout-error h4 {
	color: #dc3545;
}

.pay-success{
	color: #28a745;
}
.pay-error {
	color: #dc3545;
}


.order-list h5,.ticket-list h5{
	font-size: 1.125rem;
	margin-bottom: 1rem;
}
.order-list p,.ticket-list p{
	font-size: 0.875rem;
	color: #777;
	margin-bottom: 0.25rem;
}
.order-list .order-detail,.ticket-list .order-detail{
	font-size: 0.875rem;
	border-top: #eee solid 1px;
	background: #fff;
	margin-top: 1rem;
}
.order-list .order-detail .table{
	border-bottom: #dee2e6 solid 1px;
}
.order-list .order-price,.ticket-list .order-price{
	font-size: 1.125rem;
	color: #ff5303;
}
.order-list .btn,.ticket-list .btn{
	font-size: 0.875rem;
	width: 100%;
}

@media (min-width: 768px) {
	.order-list .btn+.btn {
	    margin-top: .5rem;
	}
}
@media (max-width: 767px) {
	.order-list .btn{
		margin-left: 0.5rem;
		margin-right: 0.5rem
	}
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
  text-align: center;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #007bff;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #dee2e6;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #007bff;
  border-color: #007bff;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #dee2e6;
}

.ticket-form-box,.ticket-price-box{
	background-color: #fff;
	border-radius: 4px;
	padding: 1rem 1.875rem;
	margin-bottom: 1rem;
}
.ticket-price-box{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}
.ticket-form-box label{
	font-size: 0.875rem;
}
.event-check-box{
	position: relative;
	padding-bottom: 30px;
}
.event-check-box .invalid-feedback{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.w-20{
	width: 23%;
}

.switch {
	position: relative;
	display: block;
	width: 82px;
	height: 30px;
	cursor:pointer;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-property: background-color, border;
	transition-property: background-color, border;
	border: 2px solid #ddd;
	border-radius: 20px;
	background-color: #fff;
	background-clip: padding-box
}
.switch .switch-handle {
	position: absolute;
	z-index: 1;
	top: -1px;
	left: -1px;
	width: 28px;
	height: 28px;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	-webkit-transition-property: -webkit-transform, width, left;
	transition-property: transform, width, left;
	border-radius: 16px;
	background-color: #fff;
	background-clip: padding-box;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.4);
	box-shadow: 0 2px 5px rgba(0,0,0,.4)
}
.switch:before {
	font-size: 12px;
	position: absolute;
	top: 4px;
	right: 11px;
	content: '不需要';
	text-transform: uppercase;
	color: #999
}

.switch.active {
	border-color: #4cd964;
	background-color: #4cd964
}
.switch.active .switch-handle {
	-webkit-transform: translate(53px, 0);
	transform: translate(53px, 0)
}
.switch.active:before {
	right: auto;
	left: 15px;
	content: '需要';
	color: #fff
}
.switch-blue.active {
	border: 2px solid #007aff;
	background-color: #007aff
}
.headline .switch{margin-top:-10px;}
/* .form-group.required > .control-label:after {
	content: "*";
	color: #ff0000;
	margin-left: 3px;
} */
.orderticket-card{
	border-width: 0;
	box-shadow: 0 0.375rem 1.5rem 0 rgb(140 152 164 / 13%);
	padding: 2.75rem;
}
@media (max-width: 767px) {
	.orderticket-card{
		border-width: 0;
		box-shadow: none;
		padding: 0;
	}
	.orderticket-bg{
		background-color: #fff;
	}
}
.orderticket-banner{
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.orderticket-banner.jumbotron {
    padding: 5rem 2rem;
	background-color: #21325b;
}

.orderticket-banner .back-text{
	position: absolute;
	top: 15px;
	left: 30px;
	z-index: 99;
	width: 200px;
}
.orderticket-banner-back{
	font-size: 0.875rem;
	color: #fff;
	background: rgba(0,0,0,0.8);
	display: inline-block;
	padding: 0.4rem 1rem;
}
.orderticket-banner-back:hover{
	color: #fff;
	text-decoration: none;
}
.orderticket-banner .intro-text{
	display: inline-block;
	padding: 1rem 1.25rem;
	background: rgba(255,255,255,0.1);
}
.orderticket-banner .intro-text p{
	font-size: 1rem;
}
@media (max-width: 767px) {
	.orderticket-banner{
		padding-left: 15px!important;
		padding-right: 15px!important;
		margin-left: -15px;
		margin-right: -15px;
	}
	.orderticket-banner .jumbotron {
	    padding: 4rem 1rem;
	}
	.intro-container h1{
		font-size: 1.5rem;
	}
	.orderticket-banner .back-text{
		position: absolute;
		top: 15px;
		left: 16px;
	}
}
.buyticket .form-control{
	font-size: 0.875rem;
	height: calc(1.5em + .75rem + 8px);
}
.buyticket .control-label{
	font-size: 0.9rem;
	font-weight: bold;
}
.pay-order-group{
	color: #555;
	padding: 0 20px;
}
.pay-order-group .col-form-label{
	width: 80px;
	font-weight: bold;
}

.event-list{
	margin-bottom: 1.25rem;
	border: 0;
	border-radius: 0;
	position: relative;
	margin-bottom: 1.875rem;
	box-shadow:0px 0.125rem 0.3125rem rgba(0,0,0,.2);
}

.event-list .card-img-top{
	border-radius: 0;
	width: 100%;
}

@media (min-width: 768px) {
	.event-list .card-img-top{
		/* width: 28.4375rem; */
		height: 15.9375rem;
	}
	.event-list .card-title{
		height: 2.75rem;
	}
	.search-event .event-list .card-img-top{
		height: 255px;
	}
}
@media (min-width: 1200px) {
	.event-list .card-img-top{
		/* width: 34.6875rem; */
		height: 19.4375rem;
	}
	.search-event .event-list .card-img-top{
		height: 203px;
	}
	
}

.event-list .card-body{
	padding: 0.625rem;
	background-color: #f8f9fa;
}
.event-list .card-title{
	font-size: 1rem;
	line-height: 22px;
	margin: 0 0 0.5rem 0;
	padding: 0;
}
.event-list .badge{
	font-weight: normal;
	padding: 8px 10px;
	margin-left: 0;
	display: block;
	border-radius: 0.125rem;
	position: absolute;
	left: 10px;
	top: 10px;
}
.event-list .badge-warning::after{
	content: '报名中';
}
.event-list .badge-danger::after{
	content: '活动中';
}
.event-list .badge-secondary::after{
	content: '已结束';
}
.event-list-foot span{
	font-size: 0.875rem;
	color: #777;
}

.swal-modal{box-shadow: 0 0 6px 0 rgba(0,0,0,0.3);}
.type-title{
	color: #000000;
	font-weight: bold;
	line-height: 30px;
	margin-right: 1rem;
}
.type-item a{
	color: #777;
	padding: 0.25rem 1rem;
}
.type-item a.active{
	color: #0081ff;
	background-color: #cce6ff;
}
.content-shadow {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    border: solid 1px #eeeeee;
	margin-top: 30px;
    padding-bottom: 40px;
	padding: 30px;
}
@media (max-width: 767px) {
	.content-shadow {
	    border-radius: 0px;
		padding: 15px;
	}
	.event-img{
		margin-bottom: 0.625rem;
	}
	.type-item a{
		color: #777;
		padding: 0.25rem 0.875rem;
	}
}

/* 搜索中心 */
.search-overlap {
	/* background: url(../images/abstract-shapes-20.svg) #373f50; */
	background: #fff;
	border-radius: 0;
	margin-bottom: 0;
	padding: 2rem 1rem;
}
.search-input-main{
	/* max-width: 500px; */
	margin: auto;
}
.search-input-main h1{
	font-size: 1.5rem;
	color: #333;
}
.search-nav .nav-link{
	padding: 0.25rem 1.25rem;
	border-radius: 0.125rem;
}
.search-nav .nav-link.active, .search-nav .show>.nav-link {
    color: #fff;
    background-color: var(--primary);
}
@media (max-width: 767px) {
	.search-input-main h1{
		font-size: 1.25rem;
	}
}

.content-relations{
	margin-bottom: 0.625rem;
}
.content-relations img{
	width: 36px;
	height: 36px;
	margin-right: 8px;
	border: 1px solid #f3f3f3;
}
.content-relations h5{
	font-size: 0.875rem;
	margin: 0;
}
.content-relations p,.content-relations a{
	font-size: 0.75rem;
	color: #f90;
}


.container-app{
	width: 100%;
	max-width: 750px;
	margin: auto;
}

.appopen-btn{
	font-size: 12px;
	text-align: center;
	color: #FF8D1A;
	background-color: #fff;
	border-radius: 30px;
	border: #FF8D1A solid 1px;
	padding: 2px 10px;
	line-height: 1;
	white-space:nowrap;
	outline:none; 
}
@media (min-width: 768px) {
	.appopen-btn{
		display: none;
	}
}
/* bangdan */
.toplist-item{
	margin-bottom: 30px;
}
.toplist-item .card-title{
	font-size: 1.25rem;
	line-height: 24px;
	margin: 0;
	padding: 0;
}
@media (min-width: 768px) {
	.toplist-item .card-title{
		height: 3rem;
	}
}

.wap-tips-layer,.app-box{
	display: none;
}
@media (max-width: 767px) {
	.wap-tips-layer{
		display: block;
	}
	.app-box{
		display: flex;
	}
}

.wap-tips-layer{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 10001;
	/* display: none; */
}
.wap-tips-mask{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 10001;
}
.wap-tips-body{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background-color: #fff;
	z-index: 10002;
	border-radius: 0.625rem 0.625rem 0 0;
}
.wap-tips-title{
	font-size: 1rem;
	text-align: center;
	padding: 1rem 0;
	border-bottom: .5px solid rgba(0,0,0,.08);
}
.wap-tips-list{}
.wap-tips-item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 15px;
}
.wap-tips-item .item-avatar{
	width: 40px;
	height: 40px;
	border-radius: 0.625rem;
}
.wap-tips-item .item-info{
	flex: 1;
	margin-left: 10px;
}
.wap-tips-item .item-info .info-name{
	font-size: 1rem;
}
.wap-tips-item .item-info .info-desc{
	font-size: 0.75rem;
	color: #999999;
}
.app-btn{
	padding: 0.25rem 1rem;
	border-radius: 50rem;
}

.app-box{
	justify-content: space-between;
	align-items: center;
	background-color: #FAFAFA;
	padding: 0.3125rem 1rem;
}
.app-box img{
	width: 40px;
	height: 40px;
	border-radius: 0.625rem;
	margin-right: 10px;
}
.app-box .app-info{
	flex: 1;
}
.app-box .app-info .info-desc{
	font-size: 0.75rem;
	color: #999;
}

.app-foot-box{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1000;
	background-color: rgba(255,255,255, 0.8);
	padding: 0.3125rem 1rem;
	transform:translateY(100%);
	-webkit-transform:translateY(100%);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.app-foot-box.show{
	transform:translateY(0);
	-webkit-transform:translateY(0);
}

.ad-modal{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 20000;
	background-color: rgba(0,0,0, 0.4);
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.ad-modal.show{
	display: flex;
}
.ad-modal.hide{
	display: none;
}
.ad-modal-content{
	position: relative;
}
.ad-modal-img{
	width: 250px;
	height: 350px;
}
.ad-modal-close{
	width: 35px;
	height: 35px;
	z-index: 20001;
	position: absolute;
	bottom: -50px;
	left: calc(50% - 35px / 2);
}
.ad-layer{
	position: fixed;
	right: 0;
	bottom: 0;
	width: 250px;
	height: 350px;
	z-index: 20000;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transform:translateY(100%);
	-webkit-transform:translateY(100%);
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.ad-layer.show{
	transform:translateY(0);
	-webkit-transform:translateY(0);
	opacity: 1;
}
.ad-layer.hide{
	transform:translateY(100%);
	-webkit-transform:translateY(100%);
	opacity: 0;
}
.ad-layer-content{
	position: relative;
}
.ad-layer-img{
	width: 250px;
	height: 350px;
}
.ad-layer-close{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 20001;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	line-height: 1;
	padding: 4px 10px;
	background-color: #ff9900;
}

/* 内容付费订单 */
.order-card{
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(33,50,91,.1);
	border-radius: .5rem;
	padding: 1.25rem;
	margin-bottom: 1rem;
}
.order-header{
	margin-bottom: 0.5rem;
}
.order-card .icon{
	font-size: 1rem;
	color: #33CD5F;
}
.header-title{
	font-size: 0.875rem;
}
.header-status{
	font-size: 0.75rem;
	color: #777;
}
.order-card .order-detail img{
	width: 100px;
	height: 56px;
	margin-right: 10px;
}
.order-card .order-detail h6{
	font-size: 0.875rem;
}
.order-card .order-detail span{
	color: #ff5303;
}

.live-pay-title{
	font-size: 1rem;
	text-align: center;
}
.live-pay-price{
	font-size: 1.5rem;
	color: #FF0000;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1rem;
}
.live-pay{
	border: #DDDDDD solid 1px;
	padding: 10px;
}
.pay-qrcode{
	position: relative;
	margin-bottom: 0.625rem;
}
.pay-qrcode #wechat_native_img{
	width: 150px;
	height: 150px;
}
.pay-qrcode .pay-qrcode-status{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
	/* cursor: pointer; */
	text-align: center;
}
.pay-qrcode .pay-qrcode-status.show{
	display: flex;
}
.pay-qrcode .pay-qrcode-status .icon{
	font-size: 2.25rem;
}
.pay-qrcode .pay-qrcode-status .status-text{
	font-size: 0.75rem;
	color: #fff;
}

.live-payinfo{
	font-size: 0.875rem;
	
}
.live-payinfo img{
	width: 20px;
	height: 20px;
	margin-right: 8px;
}
.pro-pricing-box{
	background-color: #fff;
	box-shadow: 0 0.375rem 1.5rem 0 rgb(140 152 164 / 13%);
	border-radius: 0.5rem;
	position: relative;
	border: 0;
	text-align: center;
	height: 100%;
}
.pro-pricing-box.active{
	border: #007bff solid 2px;
}
.pro-pricing-top{
	position: relative;
}
.pro-pricing-top .text{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	color: #fff;
}
.pro-pricing-box img{
	border-radius: 14px 14px 0 0 ;
}

.pro-pricing-box .card-body{
	background: #fff;
	border-radius: 14px;
	padding: 30px;
}
.pro-pricing-box .card-footer{
	background-color: #fff;
	border: 0;
	border-radius: 0.5rem;
}
.pro-pricing-box .hotlabel{
	width: 65px;
	height: 30px;
	font-size: 0.875rem;
	color: #fff;
	line-height: 30px;
	background-color: #007bff;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	position: absolute;
	top: -15px;
	right: 0;
	z-index: 10;
}
.pro-pricing-title{
	font-size: 2rem;
	color: #fff;
}

.pro-pricing-price{
	font-size: 20px;
	color: #dc3545;
	line-height: 1;
}
.pro-pricing-price span{
	font-size: 2.5rem;
	font-weight: 600;
}
.pro-pricing-original{
	font-size: 16px;
	color: #999;
	line-height: 1;
	margin-top: 0.5rem;
}
.pro-pricing-original span{
	font-size: 18px;
	text-decoration:line-through;
}
.pro-question h5{
	font-size: 1.125rem;
	font-weight: bold;
}
.pro-question p,.pro-question li{
	font-size: 1rem;
	color: #555;
	margin-bottom: 1.5rem;
}
.pro-question li{
	font-size: 1rem;
	color: #555;
	margin-bottom: 1rem;
}
.pro-notify{
	max-width: 500px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	margin: 20px auto;
}
@media (max-width: 767px) {
	.pro-pricing-box .hotlabel{
		width: 50px;
		height: 22px;
		font-size: 0.75rem;
		color: #fff;
		line-height: 20px;
		border-top-left-radius: 11px;
		border-bottom-right-radius: 11px;
		position: absolute;
		top: -15px;
		right: 0;
	}
	.pro-pricing-title{
		font-size: 1.5rem;
	}
	.pro-pricing-price{
		font-size: 1rem;
	}
	.pro-pricing-price span{
		font-size: 1.5rem;
		font-weight: 600;
	}
	.pro-pricing-box .card-body{
		padding: 20px 20px 0 20px;
	}
	.pro-pricing-box .card-footer{
		font-size: 0.75rem;
		padding-left: 10px;
		padding-right: 10px;
	}
	.pro-pricing-box{
		margin-bottom: 1rem;
	}
}
/* pro支付 */
.pro-container{
	background-color: #ffe678;
	padding: 50px 15px;
}
.pro-order-title{
	font-size: 1.75rem;
	color: #886900;
	text-align: center;
	margin-bottom: 1rem;
}
.pro-card{
	max-width: 800px;
	margin: auto;
	padding: 2.5rem;
}
@media (max-width: 767px) {
	.pro-card{
		padding: 15px;
	}
}
.pro-card-header{
	font-size: 1.25rem;
	margin-bottom: 0.75rem;
	margin-top: 1rem;
}
.pro-card-header a{
	font-size: 0.875rem;
	padding-left: 20px;
}
.pro-order-type-box{
	overflow-x: auto;
	white-space: nowrap;
	padding-bottom: 0.5rem;
}
.pro-order-type-item{
	width: 204px;
	display: inline-block;
	border-radius: 0px;
	margin-right: 15px;
	position: relative;
	text-align: center;
	cursor: pointer;
	background-color: #f0efed;
}
.pro-order-type-item.selected {
    background: #fff8e0;
}
.pro-order-type-item img{
	border-radius: 0;
}
.pro-order-type-item .card-title{
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	height: 110px;
	line-height: 110px;
	margin: 0;
}
.pro-order-type-item h4{
	font-size: 1rem;
	font-weight: normal;
	margin-top: 0.5rem;
}
.pro-order-type-item .card-price{
	font-size: 1rem;
}
.pro-order-type-item .curr-price {
    font-size: 26px;
    color: #2e3243;
    margin: 0 5px 0 2px;
    font-weight: 700;
}
.pro-order-type-item .old-price {
    font-size: 12px;
    color: #949494;
    text-decoration: line-through;
}
.pro-order-type-item .p-check img {
    width: 18px;
}
.pro-card .pro-order-wrapper {
	border: 1px solid #ebedf0;
	border-radius: 4px;
	margin-top: 20px;
	padding: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.pro-card .pro-order-wrapper .pay-code {
	width: 146px;
	height: 146px;
	border: 1px solid #ebedf0;
	margin-right: 20px;
	position: relative;
	padding: 10px
}

.pro-card .pro-order-wrapper .pay-code .code-img img {
	width: 100%
}
.pro-order-info{}
.pro-order-price{
	font-size: 1.25rem;
	font-weight: 700;
	margin-bottom: 0.75rem;
}
.pro-order-price .currency{
	font-size: 0.875rem;
	color: #f64f37;
}
.pro-order-price .price{
	color: #f64f37;
	font-size: 1.75rem;
	font-weight: 700;
}
.pro-order-price .discount{
	margin-left: 10px;
	font-size: 0.875rem;
	font-weight: normal;
	color: #999;
}
.pro-order-info .icon-group img {
    width: 24px;
    margin-right: 20px;
}
.pro-order-invoice{
	font-size: 0.875rem;
	color: #999;
}
.pro-card .pro-order-wrapper .pay-code .top-left,
.pro-card .pro-order-wrapper .pay-code .top-right {
	width: 15px;
	height: 15px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	position: absolute;
	top: -1px;
	left: -1px
}

.pro-card .pro-order-wrapper .pay-code .top-right {
	border-left: none;
	border-right: 1px solid #000;
	left: auto;
	right: -1px
}

.pro-card .pro-order-wrapper .pay-code .bottom-left,
.pro-card .pro-order-wrapper .pay-code .bottom-right {
	width: 15px;
	height: 15px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	position: absolute;
	bottom: -1px;
	left: -1px
}

.pro-card .pro-order-wrapper .pay-code .bottom-right {
	border-left: none;
	border-right: 1px solid #000;
	left: auto;
	right: -1px
}
.order-coupon-warp{
	overflow: auto;
	width: 100%;
	padding-bottom: 0.5rem;
}

.order-coupon-list .coupon-card{
	width: 320px;
	flex-shrink : 0;
	margin-right: 1rem;
	cursor: pointer;
	box-shadow:none;
}
.order-coupon-list .coupon-price-digit {
    font-size: 2rem;
	line-height: 80px;
}
.order-coupon-list .coupon-review i{
	font-size: 1.25rem;
	color: #999;
}
.order-coupon-list .coupon-review.active i{
	font-size: 1.25rem;
	color: #FF3300;
}
@media (max-width: 767px) {
	.pro-card .pro-order-wrapper {
		display: block;
	}
	.order-coupon-list .coupon-card{
		width: 280px;
	}
}



.category-menu{
	padding: 10px 20px;
	background-color: #edf1f4;
	margin-bottom: 1.5rem;
}
.category-menu a{
	display: inline-block;
	margin: 5px;
	height: 34px;
	line-height: 34px;
	color: #333;
	font-size: 1rem;
	border-radius: 2px;
	min-width: 79px;
	text-align: center;
}
.category-menu a.active,.category-menu a:hover {
    background: var(--primary);
    color: #fff;
}

.author-warp{
	min-height: 600px;
}
.author-detail-header{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #202A6D;
	border-radius: 4px;
	color: #fff;
	padding: 2rem 1rem;
	line-height: 1;
}
.author-detail-avatar-wrapper{
	width: 64px;
	height: 64px;
	position: relative;
	margin-bottom: 0.5rem;
}
.author-detail-avatar{
	width: 64px;
	height: 64px;
	border-radius: 50%;
	display: block;
	overflow: hidden;
	border: 1px solid rgba(0,0,0,.04);
	
}
.author-detail-avatar img{
	width: 100%;
	height: 100%;
}
.author-detail-avatar-wrapper .vip-icon{
	background-image: url(../images/vip.png);
	background-position: center center;
	background-size: 100%;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.author-detail-name{
	font-size: 1rem;
	margin-bottom: 0.5rem;
}
.author-detail-text{
	font-size: 0.875rem;
	color: hsla(0,0%,100%,.5);
	margin-bottom: 0.5rem;
}
.author-detail-view{
	font-size: 0.75rem;
	color: hsla(0,0%,100%,.3);
}

.author-tabs {
  border-bottom: 1px solid #dee2e6;
}

.author-tabs .nav-link {
  margin-bottom: -1px;
}

.author-tabs .nav-link.active,
.author-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-bottom: 2px solid #f90;
}
.ent-card-title{
	font-size: 1rem;
	color: #202A6D;
	font-weight: 700;
	margin-bottom: 1rem;
	position: relative;
}

/* .ent-card-title:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 14px;
    background-color: #202A6D;
} */
.intro-title{
	font-size: 1rem;
	color: #202A6D;
	margin-bottom: 0.625rem;
}
.intro-info{
	font-size: 0.75rem;
	color: #a7a7a7;
}
.industry-tags span{
	display: inline-block;
	font-size: 0.75rem;
	line-height: 1;
	color: #f90;
	border: #f90 solid 1px;
	background: rgba(255,153,0,.05);
	padding: 3px 7px;
	margin-top: 0.5rem;
	margin-right: 0.625rem;
}
.intro-desc{
	font-size: 0.875rem;
	color: #787878;
}

.intelligence-item{
	margin-bottom: 2.5rem;
	margin-left: 1rem;
}
.intelligence-item h2{
	font-size: 1.125rem;
	font-weight: 700;
	margin: 0;
	position: relative;
}
.intelligence-item h2:before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #6E7AD5;
    position: absolute;
    left: -15px;
    top: 7px;
}
.intelligence-item-other{
	font-size: 0.875rem;
	color: #a7a7a7;
	padding: 6px 0 10px 0;
}
.intelligence-item-other span{
	margin-right: 0.5rem;
}
.intelligence-item-other time {
	display: block;
	margin-right: 1.25rem;
}
.intelligence-item-other .icon {
	font-size: 1rem;
}
.intelligence-item-share a{
	color: #a7a7a7;
}
.intelligence-item-share a.icon-weixin:hover{
	color: #07C160;
}
.intelligence-item-share .icon-weibo:hover{
	color: #D52C2B;
}
.intelligence-item-share-img{
	width: 100px;
	height: 100px;
}

.intelligence-item p {
	font-size: 0.875rem;
	line-height: 24px;
	color: #787878;
	margin-bottom: 0.5rem;
}
.intelligence-item p>a {
	font-size: 0.875rem;
	color: #6E7AD5;
}
.intelligence-item .tag a{
	font-size: 0.875rem;
	display: inline-block;
	background-color: rgba(0,0,0,.05);
	padding: 0.125rem 1rem;
	margin-right: 1rem;
}
.item-online-date{
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 1rem;
}
.item-online-date span {
    border-bottom: 1px solid #6E7AD5;
    display: inline-block;
    padding: 0;
    font-size: 1.125rem;
	color: #6E7AD5;
}
.popover-header{
	font-size: 0.875rem;
}

/* 企业库详情 */
.btn-custom {
	color: #fff;
	background-color: #202A6D;
	border-color: #202A6D;
}

.btn-custom:hover {
	color: #fff;
	background-color: #2B3891;
	border-color: #2B3891;
}

.btn-custom:focus,
.btn-custom.focus {
	color: #fff;
	background-color: #2B3891;
	border-color: #2B3891;
	box-shadow: none;
}
.company-baseinfo{
	position: relative;
}
.company-baseinfo img{
	-webkit-filter: blur(5px); /* Chrome, Safari, Opera */
	    filter: blur(5px);
}
.company-baseinfo-text{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.guide {
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, .4);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2000
}

.guide-content {
	width: 1140px;
	height: 100%;
	margin: 0 auto;
	position: relative
}

.guide-content>div:first-child {
	top: 6px;
	position: absolute;
	left: 300px
}

.guide-content>div:first-child img {
	
}

.guide-content>div:nth-child(2) {
	top: 106px;
	position: absolute;
	left: 300px;
	background: #fff;
	display: flex;
	justify-content: space-between;
	border-radius: 30px;
	align-items: center
}

.guide-content>div:nth-child(2) .left {
	border-radius: 30px;
	width: 168px
}

.guide-content>div:nth-child(2) .right {
	width: 430px;
	padding: 20px;
}

.guide-content>div:nth-child(2) .right .title {
	font-size: 16px;
	font-weight: 500;
	color: #333;
	line-height: 1;
	text-align: center
}

.guide-content>div:nth-child(2) .right .desc p {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	line-height: 22px;
	margin-top: 10px;
	text-align: justify
}

.guide-content>div:nth-child(2) .right .desc p span {
	color: #ff8824
}

.guide-content>div:nth-child(2) .right .desc .btn {
	background: #ff8824;
	box-shadow: 0 4px 10px 0 rgba(255, 108, 55, .4);
	border-radius: 14px;
	width: 100px;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	float: right;
	clear: both;
	cursor: pointer
}

.guide-content>div:nth-child(2) .right .desc .btn:hover {
	transition: all .5s;
	background: #ffa75c
}

.guide-content>div:nth-child(2):before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 20px solid #fff;
	top: -20px;
	left: 30px
}

/* 年度热榜弹窗 */
.hot-modal{
	position: fixed;
	right: 0;
	bottom: 0;
	width: 342px;
	z-index: 20000;
	opacity: 0;
	transform:translateY(100%);
	-webkit-transform:translateY(100%);
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	box-shadow: 0 2px 20px rgba(0,0,0,.175)!important;
}
.hot-modal.show{
	transform:translateY(0);
	-webkit-transform:translateY(0);
	opacity: 1;
}
.hot-modal.hide{
	transform:translateY(100%);
	-webkit-transform:translateY(100%);
	opacity: 0;
}
.hot-modal .modal-content{
	border: 1px solid #ddd;
}
.hot-modal-body{
	position: relative;
}

.hot-modal h6{
	font-size: 0.875rem;
}
.hot-modal .hotitem{
	padding: 8px 0;
}
.hot-modal .hotitem .badge{
	margin-top: 1px;
}
.hot-modal .hotitem p{
	font-size: 0.75rem;
}
@media (max-width: 767px) {
	.hot-modal{
		position: fixed;
		right: 0;
		bottom: 0;
		top: 10px;
		right: 50%;
		width: 342px;
		z-index: 20000;
		opacity: 0;
		transform:none;
		-webkit-transform:none;
		transition: all 1s ease;
		-webkit-transition: all 1s ease;
		box-shadow: 0 2px 20px rgba(0,0,0,.175)!important;
		margin-top: 100px;
		margin-right: -171px;
		display: none;
	}
	.hot-modal.show{
		display: block;
		opacity: 1;
	}
	.hot-modal.hide{
		display: none;
		opacity: 0;
	}
}


.list-author-box{
	/* border: #eee solid 1px;
	border-top: #ff9900 solid 2px; */
	padding: 1rem;
	margin-bottom: 1rem;
	border-radius: 0.5rem;
}
.bg-gradient-primary {
    background: linear-gradient(90deg, #F0F0FE 0%, #F4EFFF 50%, #FFF7EA 100%) !important;
}
.list-author-box .qiyehao-info .media-heading{
	font-size: 1.128rem;
}
.list-author-box .qiyehao-info p {
    font-size: 0.75rem;
    margin: 0;
}
.list-author-box .author-label{
	color: #ffb02f;
	background: rgba(255,176,47,.05);
	border: 0.5px solid #ffb02f;
	height: 100%;
	line-height: 16px;
	padding: 1px 6px;
	font-size: 11px;
}
.list-author-box .author-count span{
	font-size: 0.75rem;
	color: #777;
}
.list-author-box .author-article-list h5{
	font-size: 0.875rem;
	font-weight: bold;
}
.list-author-box .author-article-list li{
	font-size: 0.875rem;
	line-height: 18px;
	margin-bottom: 10px;
}
.list-author-box .author-article-list p{
	font-size: 0.75rem;
	color: #777;
	margin: 0;
}
/* 订阅 */
.subscribe-desc{
	font-size: 1rem;
	line-height: 1.76;
	margin-bottom: 20px;
}

/* 热门资讯 */
.hot-list-bg{
	background-color: #202A6D;
}
.nav-segment {
	position: relative;
	background-color: #f8fafd;
	padding: .25rem .25rem;
	border-radius: .5rem
}

.nav-segment .nav-link {
	color: #677788;
	font-size: 1rem;
	padding: .625rem 1rem;
	border-radius: .5rem
}
@media (max-width: 767px) {
	.nav-segment .nav-link {
		font-size: 0.875rem;
		padding: .25rem 0.5rem;
	}
}

.nav-segment .nav-link:hover {
	color: #377dff
}

.nav-segment .nav-link.active {
	color: #1e2022;
	background-color: #fff;
	box-shadow: 0 .1875rem .375rem 0 rgba(140, 152, 164, .25)
}

.nav-segment .nav-link.disabled {
	color: #bdc5d1
}

.nav-segment.nav-pills {
	border-radius: 50rem
}

.nav-segment.nav-pills .nav-link {
	border-radius: 50rem
}
.tags-name{
	display: block;
	margin-bottom: 0.25rem;
}
.tags-num-label{
	display: inline-block;
	background-color: #f8fafd;
	font-size: 0.75rem;
	padding: 0.25rem 0.65rem;
}
.hot-list-group .list-group-item{
	font-size: 0.875rem;
}
.hot-list-group .list-group-item.active{
	color: #007bff;
	background-color: #fff;
	border-color: rgba(0,0,0,.125);
}
.article-item-channel.channel-one{
	color: #fff;
	background: #F95355!important;
}
.article-item-channel.channel-two{
	color: #fff;
	background: #F6A623!important;
}
.article-item-channel.channel-three{
	color: #fff;
	background: #4285F4!important;
}
/* 首页活动 */
.index-event{
}
.index-event .event-img{
	position: relative;
	display: block;
}
.event-badge{
	font-size: 0.75rem;
	color: #fff;
	text-align: center;
	background: #6c757d;
	height: 20px;
	line-height: 20px;
	border-radius: 1px;
	padding: 0 6px;
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 1;
}
.event-badge.enrolling{
	background: #ff9900;
}
.event-badge.ongoing{
	background: #dc3545;
}
.event-badge.ending{
	background: #6c757d;
}
.index-event .event-title{
	font-size: 0.875rem;
	line-height: 1.3;
	margin-top: 0.5rem;
	margin-bottom: 0.75rem;
}
/* 我的订阅 */
.my-subscribe-img{
	width: 120px;
}
.my-subscribe-title{
	font-size: 1.125rem;
}
.invalid-feedback{
    display: block;
}

/* 新版登录页 */
.auth-card {
	box-shadow: 0 .375rem 1.5rem 0 rgba(140, 152, 164, .125);
}
.fs-lg{
	font-size: 1.125rem;
}

/* 登录模态框 */

@media (min-width: 768px) {
	.login-modal .modal-body{
		padding: 3.75rem 3.75rem 2rem 3.75rem;
	}
}
.btn-sendsms{
	font-size: 0.875rem !important;
	border-color: #e8eaee #e8eaee #e8eaee transparent;
}

.country-code{
	border-color: #e8eaee transparent #e8eaee #e8eaee;
	text-align: right;
}
.country-code:after{
	font-family: "iconfont" !important;
	content: "\e661";
	margin-left: 0.25rem
}
.dropdown-country-code{
	height: 300px;
	overflow: auto;
}
.dropdown-country-code .dropdown-item{
	font-size: 0.875rem;
	cursor: pointer;
	padding: 0.375rem 1.5rem;
}
.dropdown-country-code::-webkit-scrollbar-track {
	background-color: #f5f5f5
}

.dropdown-country-code::-webkit-scrollbar {
	width: 6px;
	background-color: #f5f5f5
}

.dropdown-country-code::-webkit-scrollbar-thumb {
	background-color: #999
}

.bg-soft-primary {
	background-color: rgba(55, 125, 255, .1) !important
}
/* 滑动验证 */
.nc-container .nc_wrapper, .nc-container.tb-login .nc_wrapper {
    width: auto!important;
}
.nc-container .nc_scale span{
	height: 34px!important;
	line-height: 34px!important;
}

/* 赠送文章抢读按钮 */
.grabShare{
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 1rem;
	background-color: rgba(247,250,255, 0.98);
	z-index: 1010;
}
.grabShare-box{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.grabShare-info h5{
	font-size: 0.875rem;
}
.grabShare-info p{
	font-size: 1rem;
	margin: 0;
}
.grabShare-btn{
	position: relative;
}
.grabShare-btn-circle {
	background: #007bff;
	border-radius: 100%;
	width: 50px;
	height: 50px;
	z-index: 999;
	text-align: center;
	top: 5px;
	left: 5px;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}
.grabShare-btn-circle span {
	font-size: 0.9375rem;
	line-height: 1;
	color: #fff;
	text-decoration: none;
}

.grabShare-btn-bg1 {
	background: rgba(0,123,255,0.6);
	border-radius: 100%;
	width: 50px;
	height: 50px;
	filter: alpha(opacity=40);
	z-index: -100;
	position: absolute;
	top: 5px;
	left: 5px;
	-webkit-animation: twinkling 2.1s infinite ease-in-out;
	animation: twinkling 2.1s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.grabShare-btn-bg2 {
	background: rgba(0,123,255,0.4);
	border-radius: 100%;
	width: 60px;
	height: 60px;
	filter: alpha(opacity=20);
	z-index: -110;
	position: relative;
	-webkit-animation: twinkling 2.1s infinite ease-in-out;
	animation: twinkling 2.1s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes twinkling {
	0% {
		opacity: 0.2;
		filter: alpha(opacity=20);
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		opacity: 0.5;
		filter: alpha(opacity=50);
		-webkit-transform: scale(1.12);
		transform: scale(1.12);
	}

	100% {
		opacity: 0.2;
		filter: alpha(opacity=20);
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes twinkling {
	0% {
		opacity: 0.2;
		filter: alpha(opacity=20);
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		opacity: 0.5;
		filter: alpha(opacity=50);
		-webkit-transform: scale(1.12);
		transform: scale(1.12);
	}

	100% {
		opacity: 0.2;
		filter: alpha(opacity=20);
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

/* 推荐企业号列表 */
.qyh-list p{
	font-size: 0.75rem;
}
.qyh-list .author-detail-avatar-wrapper{
	width: 45px;
	height: 45px;
	position: relative;
	margin-bottom: 0.5rem;
}
.qyh-list .author-detail-avatar{
	width: 45px;
	height: 45px;
	border-radius: 50%;
	display: block;
	overflow: hidden;
	border: 1px solid #777;
	
}


/* 优惠券 */
.coupon-card{
	box-shadow: 0 0.375rem 1.5rem 0 rgb(140 152 164 / 13%);
}
.coupon-price {
    background-image: -webkit-gradient(linear,left top,right top,from(#529be8),to(#6175e0));
    background-image: -webkit-linear-gradient(left,#529be8,#6175e0);
    background-image: -moz-linear-gradient(left,#529be8,#6175e0);
    background-image: linear-gradient(to right,#529be8,#6175e0);
    background-color: #6175e0;
    text-align: center;
    color: #fff;
    padding: 0.75rem 1rem;
    height: 120px;
    width: 35%;
    position: relative;
    overflow: hidden;
}
.aui-icon-circle {
    background-image: url(../images/coupon-circle.png);
    background-size: 10px;
    width: 20px;
    height: 170px;
    position: absolute;
    left: -5px;
    top: 0;
    background-repeat: repeat-y;
}
.aui-left-change h2 {
    font-size: 40px;
}
.coupon-price-digit{
	font-size: 2.5rem;
	font-weight: 600;
	color: #fefefe;
	text-align: center;
	padding: 0;
}
.coupon-price-tips {
    color: #fefefe;
    font-size: 0.75rem;
}
.coupon-price em {
    font-style: normal;
    font-size: 0.75rem;
    font-weight: normal;
}
.coupon-body {
    overflow: hidden;
    position: relative;
    height: 120px;
    padding: 0.75rem 0.75rem 0.5rem 1rem;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    border-right: 1px solid #ececec;
}
.coupon-title {
    font-size: 1rem;
	font-weight: bold;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    word-break: break-all;
    padding-bottom: 0.5rem;
}
.coupon-time{
	font-size: 0.75rem;
	color: #8a8a8c;
	margin-bottom: 0;
}
.coupon-desc{
	font-size: 0.75rem;
	color: #8a8a8c;
	margin-bottom: 0;
	margin-top: 0.5rem;
	padding-top: 0.5rem;
	border-top: 1px dashed #eaeaea;
}
.coupon-review .btn{
	font-size: 0.75rem;
	padding: 0.25rem 0.75rem;
}
@media (max-width: 767px) {
	.coupon-review .btn{
		font-size: 0.75rem;
		padding: 0.125rem 0.5rem;
	}
}

/* 赠送优惠券 */
.give-coupon-card{
    width: 100%;
    height: auto;
    border-radius: .5rem;
    background: linear-gradient(#C71E2B, #FF5161);
	padding:20px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	color:#fff;
}
.give-coupon-card{
  /*其他样式*/
  -webkit-mask-image: radial-gradient(circle at right 170px bottom 8px, transparent 8px, red 8.5px), radial-gradient(closest-side circle at 50%, red 99%, transparent 100%);
-webkit-mask-size: 100%, 2px 10px;
-webkit-mask-repeat: repeat, repeat-y;
-webkit-mask-position: 0 8px, calc(100% - 169px);
-webkit-mask-composite: source-out;
mask-composite: subtract;
}
.give-coupon-price{
	font-size: 50px;
	font-weight: 700;
	line-height: 1;
}
.give-coupon-price span{
	font-size: 14px;
}
.give-coupon-desc{
	font-size: 1rem;
}
.give-coupon-tips{
	font-size: 0.875rem;
}
.give-btn-coupon {
	font-size: 1.25rem;
    color: #DE231A;
    background-color: #FEEABD;
    border-color: #FEEABD;
	padding: 0.5rem 1rem;
}
.give-btn-coupon:hover {
	color: #DE231A;
    background-color: #FCD885;
    border-color: #FCD885;
}


/* 步骤条 */
.nav-step {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: baseline;
	align-items: baseline;
	padding: 0px;
	margin-bottom: 1rem;
}

.step-dots .nav-step-item {
	position: relative;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-flex: 1;
	-webkit-box-align: center;
	align-items: center;
	flex: 1 1;
	padding: 0 12px;
	font-size: 0.875rem;
	color: #777;
}

.step-dots .nav-step-item:first-child a::before {
	display: none
}

.step-dots .nav-step-item.complete a,
.step-dots .nav-step-item.complete a::before,
.step-dots .nav-step-item.active a,
.step-dots .nav-step-item.active a::before {
	background-color: #CBDEFF
}

.step-dots .nav-step-item.complete a::after,
.step-dots .nav-step-item.active a::after {
	background-color: #377dff;
	width: 29px;
	height: 29px;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	color: #fff
}

.step-dots .nav-step-item.complete a::after {
	width: 29px;
	height: 29px;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	color: #fff
}

.step-dots .nav-step-item.active a::after {
	width: 13px;
	height: 13px;
	margin-top: 8px;
	-webkit-transform: translateX(8px);
	transform: translateX(8px);
	color: transparent
}

.step-dots a {
	display: -webkit-inline-box;
	display: inline-flex;
	padding: 0;
	margin: 10px 0;
	width: 29px;
	height: 29px;
	max-height: 29px;
	border-radius: 50%;
	background-color: #f7fafc;
	-webkit-transition: .5s;
	transition: .5s;
	z-index: 1
}

.step-dots a::before {
	content: '';
	position: absolute;
	left: calc(-50% + 14.5px);
	right: calc(50% + 14.5px);
	height: 10px;
	margin-top: 9.5px;
	background-color: #f7fafc;
	cursor: default;
	-webkit-transition: .5s;
	transition: .5s;
}

.step-dots a::after {
	content: " ";
	font-family: "Material Design Icons";
	width: 0;
	height: 0;
	text-align: center;
	font-size: 15px;
	position: absolute;
	border-radius: 50%;
	background-color: transparent;
	color: transparent;
	-webkit-transform: translate(14.5px, 14.5px);
	transform: translate(14.5px, 14.5px);
	-webkit-transition: .5s;
	transition: .5s;
	z-index: 1;
	display: -webkit-inline-box;
	display: inline-flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center
}

.nav-step-pane.active {
	display: block !important;
}





/* 2024新增改版 */

/* 标题栏 */
.heading-divider {
	flex: 1 1 0%;
	display: flex;
	align-items: center;
	font-size: 1.125rem;
}

.heading-divider::after {
	flex: 1 1 0%;
	border-top: .5rem solid rgba(33, 50, 91, .1);
	margin-top: .0625rem;
	content: '';
	margin-left: 1.5rem
}



/* 精选文章移动端 */
.recommend-card{
	/* border-bottom: #e2e2e2 solid 1px; */
	display: block;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	font-size: 0.875rem;
}
.recommend-card .recommend-title{
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.5;
}

/* 文章推荐版块 */
.poslist-media{
	margin-bottom: 1rem;
}
.poslist-media img{
	width: 160px;
	height: 90px;
}
.poslist-item{
	font-size: 0.875rem;
	padding: 1rem 0;
	border-top: var(--border-color) solid 1px;
}
/* 企业号文章推荐 */
.qiyehao-media{
	display: block;
}
.qiyehao-thumb img{
	width: 257px;
	height: 145px;
}
.qiyehao-title{
	padding-top: 0.5rem;
}

/* 数据 */
.card-shadow{
	box-shadow: 0 0.375rem 1.5rem 0 rgb(140 152 164 / 13%);
}
.data-card{
	border-width: 0;
	box-shadow: 0 0.375rem 1.5rem 0 rgb(140 152 164 / 13%);
	height: 100%;
}
.data-card-header{
	font-size: 1rem;
	text-align: center;
	font-weight: 600;
	padding-top: 1rem;
}
/* 直播推荐 */
.card.card-overlay-bottom {
  overflow: hidden;
  position: relative;
}
.card.card-overlay-bottom:before {
  content: "";
  position: absolute;
  height: 90%;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));
  background-image: linear-gradient(180deg, transparent, black);
  z-index: 1;
}
.card .card-img-overlay{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	z-index: 2;
}
.card-img-overlay .card-title{
	color: #fff;
	font-size: 1rem;
}
.index-live-img{
	max-height: 159px;
}


/* 20240605 */
/* 热门文章排行 */
.top-item{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}
.top-item-img img{
	width: 90px;
	height: 50px;
}
.top-item-title{
	font-size: 1rem;
	font-weight: 600;
}
.top-item-num{
	font-size: 3rem;
	font-weight: 400;
	text-align: right;
	line-height: 1.2;
	color: #ADB5BD;
	margin-left: 0.5rem;
}
@media (max-width: 768px) {
	.top-item-img img{
		width: 60px;
		height: 34px;
	}
	.top-item-num{
		font-size: 2rem;
	}
}

.pos-card{
	border-width: 0;
	box-shadow: 0 0.375rem 1.5rem 0 rgb(140 152 164 / 13%);
	height: 100%;
}
.pos-card img {
    width: 293px;
    height: 165px;
}

.report-media{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	box-shadow: 0 0.375rem 1.5rem 0 rgb(140 152 164 / 13%);
}
.report-media img{
	width: 235px;
}
.card-text{
	font-size: 0.875rem;
	color: var(--secondary);
}
@media (max-width: 768px) {
	.report-media img{
		width: 8.75rem;
		height: 4.9375rem;
	}
}
.sub-right-box{
	width: 495px;
}
@media (max-width: 1400px) {
	.sub-right-box{
		width: 454px;
	}
}
@media (max-width: 991px) {
	.sub-right-box{
		width: 100%;
	}
}
.right-hotlist-item{
	line-height: 1.2;
	margin-bottom: 1rem;
}
.right-hotlist-item img{
	width: 105px;
	height: 65px;
}
.right-hotlist-item a{
	font-size: 0.875rem;
	line-height: 1.5;
}
.right-hotlist-item .badge{
	color: #fff;
	z-index: 1;
}
.article-right .card-title{
	font-size: 0.875rem !important;
}

.nav-scroller-horizontal{
	position: relative;
}
.nav-scroller-horizontal .nav {
    overflow-x: auto;
    overflow-y: hidden;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    scroll-behavior: smooth;
}
.nav-scroller-horizontal .nav .nav-link{
	padding: 0 1rem;
	line-height: 1;
}
.nav-scroller-horizontal .nav .nav-item {
    white-space: nowrap;
	border-right: var(--gray) solid 1px;
	margin: 0.5rem 0;
}
.nav-scroller-horizontal .nav .nav-item:last-child {
    border-right: 0;
}
h2, .h2 {
    font-size: calc(1.25rem + 1.125vw);
}
.font-14{
	font-size: 0.875rem !important;
}
.tag-top-title{
	font-family: "Noto Serif SC", serif;
	font-size: calc(1.125rem + 0.75vw);
	text-align: center;
	font-weight: 500;
}
.weather{
	align-items: center;
}
.weather-title{
	font-size: 1rem;
	text-align: right;
	height: 30px;
	line-height: 30px;
}
.weather-tianqi{
	width: 105px;
}
.weather svg{
	width: 30px !important;
	height: 30px !important;
}
.weather .ww_col1{
	padding: 0 !important;
}
.weather .ww_child{
	font-family: "Noto Serif SC", serif !important;
	font-size: 1.25rem !important;
	width: auto !important;
	margin: 0 !important;
}
.weather .ww_source{
	display: none !important;
}
.current-temp{
	width: auto !important;
}
.kxlist{
	overflow: hidden;
	height: 548px;
}
@media (max-width: 768px) {
	.kxlist{
		overflow: hidden;
		height: 200px;
	}
}
@media (max-width: 768px) {
	.media-scroll{
		overflow-x: auto;
		position: relative;
		-webkit-overflow-scrolling: touch;
		margin-right: -0.9375rem;
	}
	.media-scroll .row{
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		margin: 0;
		padding: 0;
	}
	.media-scroll .row > * {
	    -ms-flex: 0 0 12.5rem;
	    flex: 0 0 12.5rem;
	    max-width: 12.5rem;
		padding: 0;
		margin-right: 1rem;
	}
	.column-list .col{
		    margin-right: 1rem;
		    position: relative;
		    width: 12.5rem;
		    display: flex;
		    flex-direction: column;
		    justify-content: space-between;
	}
}
.wx-audio-title{
	font-family: "Noto Serif SC", serif !important;
}